scroll 滚动穿透的解决方案

scroll 滚动穿透的解决方案

项目场景:

适用所有页面有滚动且有弹出的情况,禁止弹层上滑动行为触发底层页面的滚动

问题描述:

页面有滚动条,当有弹层弹出时,弹出层上touchmove事件会触发底层页面滚动

解决方案:

scrollview的高度固定,内部view的高度自由撑开,大于scrollview的高度时就会出现滚动条

	需要滚动的内容

如果出现弹层,在弹层弹出时给scrollview添加overflow:hidden;
隐藏时移除即可

不需要通过添加多个阻止默认事件或者fixed的方式

你可能感兴趣的:(taro,小程序,h5,css3,vue.js,reactjs,html5)