移动端局部滚动overflow失效问题

Posted jia-ze

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了移动端局部滚动overflow失效问题相关的知识,希望对你有一定的参考价值。

 

可能是子元素没有撑开父元素

用better-scroll的话可能在元素还没有生成的时候,new BScroll(el) 没有找到目标节点

如果pc可以移动端不可以那就试试监听滚动内容区的touchmove事件并阻止事件冒泡

let popContent = this.$refs.bscroll;
popContent.addEventListener(‘touchmove‘, e => e.stopPropagation(), false)

 

 

以上是关于移动端局部滚动overflow失效问题的主要内容,如果未能解决你的问题,请参考以下文章

移动端body设置overflow:hidden失效与设置之后页面会向上滚动问题

移动端实现元素局部滚动(滚动某元素时不滚动整个网页)

交互优化--如何使移动端滚动更加流畅

手机端局部滚动问题 overflow-y:autoscroll无效,使用iscroll解决

解决手机(移动端)点击事件失效问题

IOS移动端滚动问题之-webkit-overflow-scrolling