如何使div
在滚动到div
之后保持不变?我有一个div
,它在页面后面,你需要滚动才能转到那个div
.
如果我使用:
.divname {
position: fixed;
}
div
将在正常显示之前出现.也许我需要的一个很好的例子是9gag号的第二个广告.如果您的屏幕分辨率足够低,加载首页后您将看不到该广告,但是向下滚动后,您将看到第二个广告,并且在您向下滚动时它将保持不变.
如何使div
在滚动到div
之后保持不变?我有一个div
,它在页面后面,你需要滚动才能转到那个div
.
如果我使用:
.divname {
position: fixed;
}
div
将在正常显示之前出现.也许我需要的一个很好的例子是9gag号的第二个广告.如果您的屏幕分辨率足够低,加载首页后您将看不到该广告,但是向下滚动后,您将看到第二个广告,并且在您向下滚动时它将保持不变.
这现在只适用于CSS,请参见https://stackoverflow.com/a/53832799/1482443
如果有人需要jQuery方法,下面是8年前发布的原始答案:
我知道这只是带标签的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'
});
}
});