ionic4 元素加了手势事件后(如pan、press),影响页面滚动

页面中某元素加了手势事件,如:

<div (pan)="onPan()">...</div>

这时,如果如果想滑动页面,用鼠标拖动页面上下滚动失败,滑动不了,电脑上用鼠标滚轮不会影响,但是真机上只能用手势上下滚动页面,并没有鼠标啊。

还好找到了这个贴子: https://blog.csdn.net/qq_39239110/article/details/100186911

只要加以下这个属性就解决了:

<div (pan)="onPan()" [style.touch-action]="'pan-y'">...</div> 

 

posted @ 2020-04-14 17:21  johnjackson  阅读(453)  评论(0编辑  收藏  举报