wor*_*ant 3 html javascript css jquery twitter-bootstrap
我看到一个透明的主题导航栏,在向下滚动时效果非常好.
这是向下滚动时发生的事情.
猜测它是javascript/jquery在那里使用,我只知道HTML和CSS.谁能帮助我让它像那个主题一样?
小智 6
好的,我要给你一个骨头JSFiddle:
$(document).on('scroll', function (e) {
$('.navbar').css('opacity', ($(document).scrollTop() / 500));
});
Run Code Online (Sandbox Code Playgroud)
幻数警报:500是scrollTop的分隔符,数字越低,不透明度越高于1(不透明度应介于0和1之间.
所以这段代码的作用是听取文档上的滚动并根据滚动位置设置导航栏的不透明度.
希望这可以帮助!
| 归档时间: |
|
| 查看次数: |
12364 次 |
| 最近记录: |