如何判断某些内容是否滚动到视图中？

Question

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

任何人都有任何想法我在小提琴中做错了什么？

Answer 1

已在此处多次发布：

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

完全符合您的要求。

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