Angular + UI排序列表：CTRL-鼠標滾輪縮放比正常鼠標滾輪縮小

Question

我的理解是，CTRL-鼠標滾輪縮放是一個內置於瀏覽器中的可訪問性功能（目前我正在Chrome和Opera中測試，使用CTRL-縮放）。

但是，這並不是真正需要的可訪問性，但是，因爲該應用程序不會面向大衆。與標準鼠標滾輪縮放元素相比，CTRL輪子縮放功能具有很好的開箱即用功能：看起來，角度ui-sortable在任何縮放/比例下都能很好地工作。

不幸的是，從其他的答案，我就發現SO，沒有辦法，當使用CTRL輪，放大選擇性：瀏覽器只能放大一切。對我而言，這包括position:fixed重疊縮放與主視口同時縮放，這是不好的。

因此，我設置了一些滾動的代碼，以鼠標光標結束的任何元素爲例，只有在鼠標位於該視口元素上時，才使用鼠標滾輪縮放主視口。

問題是，ui-sortable確實不是行爲正確，只用於單個元素時。我用scale與transform-origin設置在50% 50%但仍然，當我拖動ui-sortable s在除1：1以外的任何比例時，他們似乎向左走。關於如何開始解決這個問題的任何想法？

Answer 1

這在Angular's sortable adaptation中不是問題，而是在第4000行（_generatePosition或其他人之一）的基礎jQuery-ui 1.9.2定位函數中存在問題。我相信由於瀏覽器不會修改scale或zoom期間的實際尺寸值，並且該庫中提供的公式並未考慮縮放（我可以看到），所以不容易修復，因爲jQuery ui.sortable需要比例精確值來計算正確的位移。 （我試圖修改公式考慮到這一點，但沒有成功。）

用於本最簡單的解決方法是手動改變你的個人列表中的元素width()/height()，如圖here。這可能需要有選擇性，只需你使用width()/height()按比例調整什麼，以及使用scale（通常更容易）更改哪些內容。