javascript - 如何判断某些东西是否滚动到视图中？

Question

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

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

Answer 1

As has been posted multiple times here:

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

does exactly what you are looking for.

Answer 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)})
});