javascript - 如何在页面滚动时使用jQuery淡化固定元素？

Question

在具有固定元素的页面上，例如角落广告或通知，我希望该元素在页面向下滚动一定量后消失。

首先，确定何时的最佳方法是：像素、百分比还是其他？最后，我将如何使用 jQuery 实现这种效果？

Answer 1

这是获取滚动位置的代码段：

$(window).scroll(function(e) {
    var pos = $('body').scrollTop();
    if(pos > 500) {
         //fade in your element
    } else {
         //fade out your element or whatever
    }
});

fadeIn()滚动到此位置时，您可以元素...