Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/sockets/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 移动设备上的jQuery UI触摸打孔滑块在页面缩放时不准确_Javascript_Android_Jquery_Css - Fatal编程技术网

Javascript 移动设备上的jQuery UI触摸打孔滑块在页面缩放时不准确

Javascript 移动设备上的jQuery UI触摸打孔滑块在页面缩放时不准确,javascript,android,jquery,css,Javascript,Android,Jquery,Css,我试图解释我的问题和行为 在智能手机上输入touchpunch垂直滑块演示页面()。缩放到最大值并触摸滑块的某个位置-结果是处理程序移动,但不会移动到您触摸的点,而是更高。当缩放更大且方向相反时,触摸和触摸后操纵器位置之间的距离更大-在默认的100%视图中,一切正常。我在我的项目中注意到了这一点,这是一个问题,因为在移动设备上缩放站点是很常见的,然后slider就疯了。伙计们,你们有什么办法解决这个问题吗?这个问题很老了,但今天我偶然发现了同样的问题,我决定分享我找到的解决方案;) 我所做的是:

我试图解释我的问题和行为


在智能手机上输入touchpunch垂直滑块演示页面()。缩放到最大值并触摸滑块的某个位置-结果是处理程序移动,但不会移动到您触摸的点,而是更高。当缩放更大且方向相反时,触摸和触摸后操纵器位置之间的距离更大-在默认的100%视图中,一切正常。我在我的项目中注意到了这一点,这是一个问题,因为在移动设备上缩放站点是很常见的,然后slider就疯了。伙计们,你们有什么办法解决这个问题吗?

这个问题很老了,但今天我偶然发现了同样的问题,我决定分享我找到的解决方案;)

我所做的是:

  • 在容器上添加了位置:相对
  • 修改了touchpunch插件,将滚动偏移添加到模拟鼠标事件的clientX和clientY坐标中
以下是更新代码的fork,还添加了一些测试用例,您可以在live browser中检出: