如何使用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()个元素...