javascript - 当我在某个点后滚动时如何使 div 滚动？

Question

我想创建一个位于内容 block 下方的 div，但是一旦页面滚动到足以接触到其顶部边界，它就会固定在适当的位置并随页面滚动。我知道我至少在网上看到过一个这样的例子，但我一辈子都记不起来了。

有什么想法吗？

Answer 1

[ Working demo ]

var el  = $("#sticky");
var win = $(window);
var width  = el.width();
var height = el.height();
var win_height = $(window).height();

window.onscroll = function() {
  var offset = el.offset().top + height - win_height;
  if ( win.scrollTop() > offset ) {
    window.onscroll = function() { 
      el.css({
        width: width,
        position: "absolute",
        top: win.scrollTop() + win_height - height
      });
    };  
  }
};

如果您不需要支持基于 IE 的浏览器，您可以使用:

position: "fixed"
bottom: 0