时间:2021-07-01 10:21:17 帮助过:32人阅读
当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:最好根据需要,判断下大小。不能自减到为零~你的演示站还是有问题的。