向下滚动到屏幕上方时，div会紧贴屏幕顶部

诀窍是您必须将其设置为position：fixed，但仅在用户滚动经过它之后才能设置。

可以通过将处理程序附加到window.scroll事件来完成此操作

   // Cache selectors outside callback for performance.    var $window = $(window),       $stickyEl = $('#the-sticky-div'),       elTop = $stickyEl.offset().top;   $window.scroll(function() {        $stickyEl.toggleClass('sticky', $window.scrollTop() > elTop);    });

sticky

CSS类看起来像这样

  #the-sticky-div.sticky {     position: fixed;     top: 0;  }

编辑-修改后的代码可以更快地缓存jQuery对象。