如何判断某些东西是否滚动到视图中？ [复制]答案

【问题标题】：How to tell if something is scrolled into view? [duplicate]如何判断某些东西是否滚动到视图中？ [复制]
【发布时间】：2013-09-08 08:39:20
【问题描述】：

我正在尝试重新创建类似于here 效果的东西。当您向下滚动到页面底部时，“同时签出”的 div 会从右侧滑出。我假设这通过使用 jQuery 函数 scroll 来工作，然后检查某个 div 是否在视图中。然而，我什至无法让scroll 函数工作。我尝试使用$("#div_name").scroll(function(){}); 和$("#div_name").on("scroll", function(){});，但似乎都没有工作。看来我的任何一种方法都没有正确挂钩滚动功能。这是我的fiddle

有人知道我在小提琴中做错了什么吗？

【问题讨论】：

标签： javascript jquery html

【解决方案1】：

正如这里多次发布的那样：

http://imakewebthings.com/jquery-waypoints/

完全符合您的要求。

【讨论】：

我在控制台中收到 Uncaught TypeError: Object [object Object] has no method 'waypoint'... 链接：jsfiddle.net/GmbBu/1
哦，我看到它是一个外部 jquery 库，而不是原生库？

【解决方案2】：

你想得到这样的东西吗
已编辑DEMO

脚本：

$(function(){
        var a;var c=false;
        var b=$("#popContent");
        var e=$(window);
        var d=$('#footer').position().top;
        e.scroll(function(){
            window.clearTimeout(a);
            a=window.setTimeout(function(){
            if(e.scrollTop()<=d){
              if(c==false)   { 
                  c=true;b.stop(true,true).show(); 
                  }else{
                         c=false;b.fadeOut(500)

            }}},100)})
});

【讨论】：