私の理解では、CTRL-マウスホイールのズームは、問題のブラウザーに組み込まれているアクセシビリティ機能です (現在、CTRL-ズームを使用する場合、Chrome と Opera でテストしています)。
ただし、アプリは一般向けではないため、アクセシビリティのためにこれが実際に必要になることはありません. また、CTRL ホイール ズームには、要素に対する標準的なマウスホイール ズームと比較して、すぐに使用できる優れた利点があります。Angularui-sortableは、どのズーム/スケールでも完全に機能するようです。
残念ながら、SO で見つけた他の回答から、CTRL ホイールを使用する場合、選択的にズームする方法はありません。ブラウザはすべてをズームすることしかできません。私にとって、これにはposition:fixedメイン ビューポートと同時にスケーリングされるオーバーレイが含まれますが、これは良くありません。
そこで、マウスカーソルが上にある要素に応じてスクロールするためのコードをいくつか設定しました。マウスがそのビューポート要素の上にある場合にのみ、マウスホイールを使用してメインビューポートをスケーリングします。
問題は、単一の要素に対してのみ使用すると、正しく動作ui-sortableしないことです。set atを使用scaleしましたが、1:1 以外のスケールで sをドラッグすると、左にずれて表示されます。これに取り組み始める方法についてのアイデアはありますか?transform-origin50% 50%ui-sortable