Question

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

有什么想法吗？

Answer 1

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

当我在某一点之后滚动时如何制作div滚动？

1 个答案: