jQuery UI Touch Punch - 頁面縮放時移動設備上的滑塊不準確

Question

我嘗試解釋我的問題和行爲。

在智能手機上輸入touchpunch垂直滑塊演示頁面（http://touchpunch.furf.com/content.php?/slider/vertical-slider）。放大到最大值，並觸摸某個滑塊的某個位置 - 結果是處理程序會移動，但不會觸及您觸摸的點，但會移動到更高點。觸摸後處理器位置與觸摸後處理器位置之間的距離在變焦較大且相反時較大 - 默認情況下100％視圖一切正常。我注意到它在我的項目中，這是一個問題，因爲移動設備縮放網站是常見的，然後滑塊變得瘋狂。你有什麼想法傢伙如何解決這個問題？

Answer 1

問題是比較舊的，但今天我偶然發現了同樣的問題，我決定分享我已經找到了解決辦法;）

我所做的是：

• 上添加position: relative容器
• 修改了touch-punch插件，爲模擬鼠標事件的clientX和clientY座標添加了滾動偏移量。

這裏是叉子更新的代碼，還增加了一些測試情況下，可以在現場瀏覽器檢查： https://github.com/Kocik/jquery-ui-touch-punch-zoom-fork