jquery - 当页面到达页面顶部时，如何使div向下滚动？

我知道标题有点令人困惑；d但基本上我想做的是在这个网站上清楚地展示，向下滚动并注意侧边栏，当第二个广告到达页面顶部时，就会有两个广告开始向下滚动一个页面。
我想知道怎么做？HTML/CSS或jquery解决方案是预先准备好的。

最佳答案

正如Kevin指出的，您需要做的是倾听文档的scroll事件。当它被激发时，您将需要查看scrollTop的值。

$(document).scroll(function() {

    var useFixedSidebar = $(document).scrollTop() >= myThresholdValue;
    $('.my-sidebar-items').toggleClass('fixed', useFixedSidebar);

});

你的CSS基本上是这样的：

.my-sidebar-items.fixedSidebar { position: fixed; }

一个复杂的因素是，您可能希望将项目固定在其新的顶级位置，并且您可能希望这样做：

.my-sidebar-items.fixedSidebar { position: fixed; top: 0 }

但是，这可能会将您的项目堆叠在一起。解决这个问题的方法是将fixedSidebar类放在容器上，并按照描述使用该类。
Demo