阻止嵌套div上滚动条的相互影响

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了阻止嵌套div上滚动条的相互影响相关的知识,希望对你有一定的参考价值。

//利用jquery中hover事件,判定是否在DIV上,进而处理整个页面滚动事件

$(‘.gwcHidden‘).hover(
function(){
var top=$(‘body‘).scrollTop();
$(window).scroll(function(){ //滚动时,固定页面滚动条到页顶的高度,使其不滚动
$(‘body‘).scrollTop(top);
});
},function(){
$(window).off(‘scroll‘); //鼠标移开后,解除固定
});

 

以上是关于阻止嵌套div上滚动条的相互影响的主要内容,如果未能解决你的问题,请参考以下文章

计算滚动条的宽度--js

如何隐藏scroll-Y纵向滚动条,并不影响内容滚动的方法

如何在不隐藏正文滚动条的情况下在固定 div 上滚动时禁用正文滚动?

页面的div中有滚动条,js实现刷新页面后回到记录时滚动条的位置

div盒子存在阴影导致父级标签出现滚动条

用css怎么设置div滚动条的样式,可改变大小的