Javascript 当我在某个点后滚动时，如何使div滚动？

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

有什么想法吗？

[]

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

---

可能是重复的do you want fixed footer类功能，这样我们也可以通过css实现，而无需编写javascriptI。我想要一个位于屏幕中间的div，当我在div被隐藏之前向下滚动时，我想要它粘在窗口顶部并停留在那里。当我向上滚动到顶部时，我希望它保持在原来的位置。嗯，这个答案不适用于“我想要一个位于屏幕中间的div，当我在div被隐藏之前向下滚动时，我希望它保持在窗口顶部。当我向上滚动到顶部时，我希望它保持在原来的位置。”对我来说。我很想知道如何获得类似mashable的博客效果（参见左侧的共享按钮）的搜索结果，如果你没有，那么就发布一个问题，我（或其他人）会回答。