当一个div被滚动到屏幕顶部时,我如何使它粘到屏幕顶部?

我想创建一个div,它位于一个内容块的下面,但是一旦页面被滚动到足以接触到它的顶部边界,它就会固定到位并与页面一起滚动

您可以简单地使用css,将元素定位为固定元素:

.fixedElement{
背景色:#C0;
位置:固定;
排名:0;
宽度:100%;
z指数:100;
}

编辑:您应该让元素具有绝对位置,一旦滚动偏移到达元素,它应该更改为固定,并且顶部位置应该设置为零

您可以使用scrollTop功能检测文档的顶部滚动偏移:

$(窗口)。滚动(函数(e){
变量$el=$('.fixedElement');
var isPositionFixed=($el.css('position')='fixed');
如果($(this).scrollTop()>200&!isPositionFixed){
$el.css({'position':'fixed','top':'0px'});
}
如果($(此).scrollTop()<200&isPositionFixed){
$el.css({'position':'static','top':'0px'});
} 
});

当滚动偏移量达到200时,元素将粘贴到浏览器窗口的顶部,因为它是固定放置的

发表评论