当前位置:Gxlcms > PHP教程 > web端页面向下移动font-size变大,向上移动font-size变小

web端页面向下移动font-size变大,向上移动font-size变小

时间:2021-07-01 10:21:17 帮助过:32人阅读

当web页面向下移动font-size自动变大,当web页面向上移动font-size自动变小,
网址:www.rongmeienze.com 这个样子

回复内容:

当web页面向下移动font-size自动变大,当web页面向上移动font-size自动变小,
网址:www.rongmeienze.com 这个样子

http://www.rongmeienze.com/statics/js/theme_trust.js
监听滚动事件,然后得到滚动条的scrollTop,再计算字体大小的
jQuery('.b_2 h1').css({
        'font-size' : (scrollPos/6)+"px" ,
       'opacity' : 0+(scrollPos/500)
    });

不用使用别人的JS。自己写就可以了

jQuery(window).scroll(function() {         
          var  scrollPos = jQuery(this).scrollTop();
          jQuery('.youClass h1').css({   //这里是你需要改变大小的对象
        'font-size' : (scrollPos/6)+"px" ,
       'opacity' : 0+(scrollPos/500)
    });    
        });

PS:最好根据需要,判断下大小。不能自减到为零~你的演示站还是有问题的。

人气教程排行