这site左侧有一个滚动的 div。当您滚动页面时,div 也会有节奏地滚动,图像的颜色也会发生变化。 position:fixed
不是所有能做到的。
那有什么技巧呢?
编辑:
position:fixed
是我可以用来在页面滚动时将 div 固定在某个位置的所有方法。但是如何添加不断变化的div的节奏呢?我还需要展示哪些研究成果(负面排名)?
最佳答案
您可以使用 jquery 来实现这一点。
var divs = $('.fademe');
$(window).on('scroll', function() {
var st = $(this).scrollTop();
if (st > 50 && st < 100) {
$('.fademe').css({
'color': '#fff'
});
}
else {
$('.fademe').css({
'color': '#000'
});
}
});
当滚动条位置在50到100之间时,此函数将改变div中文本的颜色。否则文本将为黑色
您可以修改上面的 jquery 代码来更改您想要的任何 css。
在这里自己试试 http://jsfiddle.net/J8XaX/29/
用这个添加弹跳 http://jsfiddle.net/J8XaX/43/
希望对你有帮助
关于jquery - 如何通过更改 css 实现这样的滚动 div?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/11728001/