我正在使用以下内容根据元素滚动的像素数将元素的不透明度从 0 更改为 1,并且效果很好。
$(window).scroll(function() {
if ($(this).scrollTop() > 200) {
$("#hook").stop().animate({
opacity: 1
}, 300);
} else {
$("#hook").stop().animate({
opacity: 0
}, 300);
}
});
我想补充的是,“当用户滚动 500 像素或更多时,将其淡出。”