javascript - 如果我在页面上有滚动效果并且用户要么缩小要么分辨率大怎么办？

Question

我在我的很多网页中都加入了滚动效果。例如我会这样做:

$(window).scroll(function(){
  if($(window).scrollTop() > 400){
    $(".SOME_DIV").fadeIn(300);
  }
});

这在我的屏幕上运行良好，但在其他屏幕上呢？不同的人有不同的屏幕尺寸，有些人缩小，所以滚动事件触发不同或根本不触发。有没有不同的方法来创建滚动事件，或者我不应该那样使用它们？

Answer 1

我使用这个名为 Skrollr 的插件:

http://prinzhorn.github.io/skrollr/

您可以将其设置为在滚动到某些元素时触发事件，而且它非常灵活。例如，您可以在 div 位于页面中心、距页面中心 200px、到达页面顶部或距页面顶部 147px 时淡入。 ..你明白了。