search

yaogengzhu / daily-share

个人博客记录、内容在issues
30 stars 4 forks source link

react 页面滚动穿透如何解决（2019-12-14） #78

Open yaogengzhu opened 4 years ago

yaogengzhu commented 4 years ago

react 页面滚动穿透如何解决

如何理解这个问题呢 ！比较坑吧，对于vue 来说很好处理，给touchMove 直接处理就完事了

<div  onClick={ (e) => { e.stopPropagation(); this.close()}} onTouchMove={(e) => {e.preventDefault()}} id='poperBox'>
</div>

对于chrome浏览器会报错，那么给css处理下

#poperBox {
touch-action: none;
}
yaogengzhu commented 4 years ago

当然，这个处理方式貌似不兼容ios ，

如果要兼容iso需要特殊处理，可以参考点我