> 백엔드 개발 > PHP 튜토리얼 > 웹 페이지에서 글꼴 크기를 아래로 내리면 커지고, 위로 올리면 작아집니다.

웹 페이지에서 글꼴 크기를 아래로 내리면 커지고, 위로 올리면 작아집니다.

WBOY
풀어 주다: 2016-09-21 14:12:55
원래의
1716명이 탐색했습니다.

웹페이지가 아래로 이동하면 글꼴 크기가 자동으로 커집니다. 웹페이지가 위로 이동하면 글꼴 크기가 자동으로 작아집니다.
웹사이트: www.rongmeienze.com 이 모습입니다. 🎜>

답글 내용:

웹페이지가 아래로 이동하면 글꼴 크기가 자동으로 커집니다. 웹페이지가 위로 이동하면 글꼴 크기가 자동으로 작아집니다.

웹사이트: www.rongmeienze.com 이 모습입니다. 🎜>

<code>http://www.rongmeienze.com/statics/js/theme_trust.js
监听滚动事件,然后得到滚动条的scrollTop,再计算字体大小的
jQuery('.b_2 h1').css({
        'font-size' : (scrollPos/6)+"px" ,
       'opacity' : 0+(scrollPos/500)
    });</code>
로그인 후 복사
다른 사람의 JS를 사용할 필요가 없습니다. 그냥 직접 써보세요

PS: 필요에 따라 크기를 판단하는 것이 가장 좋습니다. 0으로 줄어들 수는 없습니다~ 데모 사이트에 아직 문제가 있습니다.
<code>jQuery(window).scroll(function() {         
          var  scrollPos = jQuery(this).scrollTop();
          jQuery('.youClass h1').css({   //这里是你需要改变大小的对象
        'font-size' : (scrollPos/6)+"px" ,
       'opacity' : 0+(scrollPos/500)
    });    
        });</code>
로그인 후 복사
관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿