在滚动检查内部div时冻结div,可以通过以下步骤实现:
onscroll
事件或者jQuery中的scroll
事件来实现。position
属性设置为fixed
,并设置top
属性为0。position
属性恢复为默认值,即取消冻结效果。以下是一个示例代码:
window.onscroll = function() {
var innerDiv = document.getElementById('innerDiv');
var scrollTop = document.documentElement.scrollTop || document.body.scrollTop;
var divTop = innerDiv.offsetTop;
var divHeight = innerDiv.offsetHeight;
if (scrollTop > divTop && scrollTop < divTop + divHeight) {
innerDiv.style.position = 'fixed';
innerDiv.style.top = '0';
} else {
innerDiv.style.position = 'static';
}
};
这样,在滚动时,当滚动位置超过内部div的顶部边界时,内部div会被冻结在页面顶部;当滚动位置超过内部div的底部边界时,内部div会恢复到默认位置。
推荐的腾讯云相关产品:腾讯云云服务器(CVM),产品介绍链接地址:https://cloud.tencent.com/product/cvm
没有搜到相关的沙龙
领取专属 10元无门槛券
手把手带您无忧上云