我有一个应用了position: fixed;
属性的div。我需要在屏幕滚动到一定高度时停止这个属性。你有什么想法?
我只需要CSS代码。
$(window).scroll(function(){
if ($(window).scrollTop() >= target) { // change target to number
$("#el").css('position', 'relative');
}
});
或者使用纯JavaScript:
window.onscroll = function(){
if(window.scrollY >= target) { // change target to number
document.getElementById('el').style.position = 'relative';
}
};
position: fixed;
停止后,div需要变为position: absolute;
。一旦它停止,它会跳回原来的位置,而我希望它停在原地而不是跳回去。 - Junior Programmerstyle.position = 'relative';
替换成 style.position = 'absolute';
? - display-name-is-missingposition:fixed;
,然后应用了 position:absolute;
,这样 div 就会返回到原始位置。 - Junior Programmer
</body>
之前)。不要忘记将它们包装在<script></script>
中。 - display-name-is-missing