
解决div元素touchmove事件与overflow属性冲突问题
问题:在HTML中,为div元素同时设置touchmove和overflow属性时,overflow属性失效,无法实现滚动效果。
原因分析:添加touchmove事件后,div元素会拦截触摸移动事件,阻止默认的滚动行为,导致overflow属性失效。
解决方案:使用一个透明的div作为触摸事件的处理区域,避免影响原始div的overflow属性。
具体步骤:
- 在模板中添加一个透明的div,作为触摸事件的处理层。
- 修改移动方法,使透明div和原始div同步移动。
- 设置透明div的样式,使其尺寸和位置与需要移动的div一致,并设置背景为透明。
通过这种方法,移动透明div即可实现与移动原始div相同的效果,同时保留原始div的overflow属性功能,从而解决冲突。










