div滚动到该位置后如何使它固定div?我div在页面的后面有一个,您需要滚动到那个页面div。
div
如果我使用:
.divname { position: fixed; }
在div出现之前就应该正常显示。我需要的一个很好的例子是9gag上的第二个广告。如果屏幕分辨率足够低,则在加载首页后您将看不到该广告,但是向下滚动后,您会看到第二个广告,并且在向下滚动时它将保持固定。
我知道这仅被标记为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' }); } });