我使用以下方法根据元素滚动的像素数将元素的不透明度从 0 更改为 1,效果非常好。
$(window).scroll(function() {
if ($(this).scrollTop() > 200) {
$("#hook").stop().animate({
opacity: 1
}, 300);
} else {
$("#hook").stop().animate({
opacity: 0
}, 300);
}
});
我想补充的是,“当用户滚动 500 像素或更多时,将其淡出。”
最佳答案
我错过了什么吗?该代码 99% 都在那里! http://jsfiddle.net/AwnWe/2
$(window).scroll(function() {
var scrollTop = $(this).scrollTop();
console.log('Scroll ', scrollTop);
if (scrollTop > 500 || scrollTop < 200) {
$("#hook").stop().animate({
opacity: 0
}, 300);
} else {
$("#hook").stop().animate({
opacity: 1
}, 300);
}
});
关于javascript - jQuery 基于滚动的淡入和淡出,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10743837/