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（通常更容易）更改哪些内容。