gpt4 book ai didi

javascript - jQuery UI Touch Punch - 页面缩放时移动设备上的 slider 不准确

转载 作者:行者123 更新时间:2023-11-30 00:21:00 30 4
gpt4 key购买 nike

我尝试解释我的问题和行为。

在您的智能手机上输入 touchpunch vertical slider demo-page ( http://touchpunch.furf.com/content.php?/slider/vertical-slider )。缩放到最大并触摸 slider 的某个位置 - 结果是处理程序移动但不是移动到您触摸的位置而是更高。当缩放更大且相反时,触摸后触摸和 handle 位置之间的距离更大 - 默认 100% View 一切正常。我在我的元素中注意到它,这是一个问题,因为在移动设备上缩放网站很常见,然后 slider 变得疯狂。大家有什么解决办法吗?

最佳答案

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

我所做的是:

  • 在容器上添加了position: relative
  • 修改touch-punch插件,为模拟鼠标事件的clientX和clientY坐标添加滚动偏移。

这是带有更新代码的分支,还添加了一些您可以在实时浏览器中查看的测试用例: https://github.com/Kocik/jquery-ui-touch-punch-zoom-fork

关于javascript - jQuery UI Touch Punch - 页面缩放时移动设备上的 slider 不准确,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33172684/

30 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com