web端页面向下移动font-size变大,向上移动font-size变小
程序员文章站
2024-02-18 18:08:04
...
当web页面向下移动font-size自动变大,当web页面向上移动font-size自动变小,
网址:www.rongmeienze.com 这个样子
网址: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:最好根据需要,判断下大小。不能自减到为零~你的演示站还是有问题的。
上一篇: 简单的PHP算法题(带扩充),php算法题扩充_PHP教程
下一篇: PHP性能优化小结