滚动到该div后如何使div固定？

Question

div滚动到该位置后如何使它固定div？我div在页面的后面有一个，您需要滚动到那个页面div。

如果我使用：

.divname {
  position: fixed;
}

在div出现之前就应该正常显示。我需要的一个很好的例子是9gag上的第二个广告。如果屏幕分辨率足够低，则在加载首页后您将看不到该广告，但是向下滚动后，您会看到第二个广告，并且在向下滚动时它将保持固定。

Answer 1

我知道这仅被标记为html / css，但是您不能仅使用css来做到这一点。最简单的方法是使用一些jQuery。

var fixmeTop = $('.fixme').offset().top;       // get initial position of the element

$(window).scroll(function() {                  // assign scroll event listener

    var currentScroll = $(window).scrollTop(); // get current position

    if (currentScroll >= fixmeTop) {           // apply position: fixed if you
        $('.fixme').css({                      // scroll to that element or below it
            position: 'fixed',
            top: '0',
            left: '0'
        });
    } else {                                   // apply position: static
        $('.fixme').css({                      // if you scroll above it
            position: 'static'
        });
    }

});