国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

使用鼠標滾輪進行頁面縮放,點擊并拖動以平移頁面
P粉308783585
P粉308783585 2024-03-26 14:11:27
0
1
522

如何使用鼠標滾輪為整個頁面制作滾動和平移效果?基本上就像任何 2D 編輯器一樣,通過滾動進行縮放,單擊并拖動進行平移,但適用于整個主體。

我在網(wǎng)上找不到任何有關(guān)它的信息。

P粉308783585
P粉308783585

全部回復(fù)(1)
P粉466643318

如果您不知道從哪里開始,您很快就會碰壁,因為知道從哪里開始是最容易的部分。這是一個粗略的指南:

  1. 將事件偵聽器添加到 wheel 事件(了解操作方法](https://stackoverflow.com/a/51276012/104380 a>))
  2. 從初始(當前)zoom 值開始,計算輪子事件的增量并更新您的 zoom 值。
  3. 使用 zoom 值以某種形式操縱頁面的比例。您可以在 body 元素上使用 CSS transform:scale() 來實現(xiàn)此目的。
  4. mousemove 事件添加事件偵聽器(了解操作方法](https://developer.mozilla.org/en-US/docs/Web/API/Element/mousemove_event))
  5. 根據(jù)檢測到的鼠標移動采取行動,并計算需要平移縮放的 body 元素多少才能到達 4 個邊緣中的任何一個,而不是超出。 平移可以通過 CSS transform:translate(x, y)
最新下載
更多>
網(wǎng)站特效
網(wǎng)站源碼
網(wǎng)站素材
前端模板