本文探讨了在PC端浏览器中，当overflow:hidden被注释时，使用touchmove事件移动图片会出现移动距离异常的问题。手指移动1px，图片实际移动2px。通过分析HTML、less和JS代码，展示了如何修复这个bug，确保移动距离正常。
如果less代码红色标识处,overflow:hidden被注释,则,触摸移动,图片跟着手指移动时距离异常,js关键代码见红色标注.
异常现象:手指触摸移动1px,图片实际移动2px,
overflow关闭注释,移动距离正常.
HTML代码
<div class="jd_banner">
<ul class="clearFix">
<li><a href="javascript:;"><img src="images/lbt/l8.jpg"></a></li>
<li><a href="javascript:;"><img src="images/lbt/l1.jpg"></a></li>
<li><a href="javascript:;"><img src="images/lbt/l2.jpg"></a></li>
<li><a href="javascript:;"><img src="images/lbt/l3.jpg"></a></li>
<li><a href="javascript:;"><img src="images/lbt/l4.jpg"></a></li>
<li><a href="javascri
最低0.47元/天 解锁文章
扫一扫
1971
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
