如何使用鼠標滾輪為整個頁面制作滾動和平移效果?基本上就像任何 2D 編輯器一樣,通過滾動進行縮放,單擊并拖動進行平移,但適用于整個主體。
我在網(wǎng)上找不到任何有關(guān)它的信息。
如果您不知道從哪里開始,您很快就會碰壁,因為知道從哪里開始是最容易的部分。這是一個粗略的指南:
wheel
事件(了解操作方法](https://stackoverflow.com/a/51276012/104380 a>))
zoom
值開始,計算輪子事件的增量并更新您的 zoom
值。zoom
值以某種形式操縱頁面的比例。您可以在 body
元素上使用 CSS transform:scale()
來實現(xiàn)此目的。mousemove
事件添加事件偵聽器(了解操作方法](https://developer.mozilla.org/en-US/docs/Web/API/Element/mousemove_event))body
元素多少才能到達 4 個邊緣中的任何一個,而不是超出。
平移可以通過 CSS transform:translate(x, y)