有沒有一種方法可以實現平滑滾動動畫時使用滾輪？

我正在嘗試使得當我滾動頁面時，它能夠平滑移動，而不是使用滾輪時產生的“跳躍”方式。我看到的大多數與此相關的來源都涉及點擊按鈕或連結時的平滑滾動，例如react-scroll提供的功能，但我特別想要實現滾輪滾動的平滑效果。是否有辦法透過MaterialUI主題來實現這個，或者是否有一個React包可以幫助實現？

P粉118698740 2023-08-16 16:40:27 0  1  619

如何在React JS和Lenis平滑滾動中切換螢幕時滾動回頂部

我正在使用lenis來實現平滑滾動，並且我有一個ScrollToTop.js文件，我在我的App.js中使用它。當頁面沒有滾動時，它運行得很好，但是當我點擊一個按鈕，將我帶到另一個頁面時，“平滑滾動”正在發生時，scrollToTop不起作用，有人知道如何解決這個問題嗎？ ScrollToTop.jsimport{useEffect}from"react";import{useL

P粉662614213 2023-08-18 09:58:58 0  1  691

CSS 問題：水平滾動（overflow-x：scroll）不起作用

我有3個“頁面”，想要水平滾動它們。我已經成功創建了一個水平滾動條，但是當我用滑鼠滾輪向上/向下滾動時什麼也沒有發生。這就是我的容器的樣子：body.container{width:100%;height:100%;scroll-snap-type:xmandatory;overflow-x:scroll;display:flex;}完整的HTML+CSS：body{width :100vw;hei

P粉295616170 2024-03-29 16:06:18 0  1  480

使用滑鼠滾輪進行頁面縮放，點擊並拖曳以平移頁面

如何使用滑鼠滾輪為整個頁面製作滾動和平移效果？基本上就像任何2D編輯器一樣，透過捲動進行縮放，點擊並拖曳進行平移，但適用於整個主體。我在網上找不到任何有關它的資訊。

P粉308783585 2024-03-26 14:11:27 0  1  371

javascript - 如何做出pc網站隨滑鼠滾動動態出現效果

這是demo網址：http://demo.cssmoban.com/csst...隨滑鼠滾珠滑動，網頁中的內容動態出現是怎麼做到的

習慣沉默 2017-06-13 09:24:09 0  6  967

javascript - 原生js如何監聽水平滾動條距離左邊滾的的距離？

監聽水平滾動條距左邊的滾動的距離

我想大声告诉你 2017-05-19 10:08:22 0  2  614

javascript - dropload+tab頁面，圖文頁滾動有兩個滾動區域怎麼破？

像這種有兩個滾動條的怎麼破,只想顯示一個，目前是在滑動時在外滾動條內滾動，當觸碰到內滾動條就只在內滾動條區域動了，上面banner區域不動了。

伊谢尔伦 2017-06-08 11:03:15 0  1  885

如何使光滑的滑桿連續自動播放，但在箭頭/點單擊時加速滾動？

我想製作一個連續自動播放的滑桿。它工作正常，但箭頭和點看起來無法正常工作。我不確定應該更改哪些設置，但我希望滑桿在單擊箭頭或點後立即滾動。我嘗試使用下面的程式碼更改一些設置，但似乎沒有任何效果。當speed設定為6000自動播放具有完美的計時，但在單擊點/箭頭後滾動時使用相同的慢速，這種行為是不需要的（它應該立即滾動到所選幻燈片）。您能幫助我了解我該做什麼來實現我的目標嗎？ $(document).

P粉956441054 2024-03-25 21:20:33 0  1  497

透過水平滾動增強 mjml 表並添加溢出

我正在使用mjml建立包含表格的電子郵件範本。而且標題名稱很長，表格在水平方向上變得太大。我想讓它在藍色容器內水平滾動，但我無法做到這一點。如何使其可滾動？這是mjml的即時程式碼

P粉464088437 2024-03-27 22:43:41 0  1  464

橫屏滑動的怎麼做

案例基本上都是豎屏滾動，能否做個橫屏滑動的案例

况青 3D VR售楼展示**开发 2019-08-07 11:56:25 0  1  1397

html - 在jquery使用setInterval讓齒輪循環滾動

有一齒輪，現在做的動畫是，滑鼠懸浮時才會觸發滾動事件， 想做的動畫是，頁面載入完成後，隔一段時間齒輪會自己滾出去再滾回來。向右滾動和向左滾動都能實現，但是不知道jquery中怎麼寫“隔一段時間+滾出去再滾回...

習慣沉默 2017-05-16 13:25:04 0  3  850

防止越過方塊時滾動線滾動

我有3個塊，第二個塊有一條線和一個滾動圓。圓圈會隨著主滾動一起滾動，當滾動停止時，圓圈會粘到最近的點，即每個塊的中心但是我在這裡遇到這樣的問題，當主滾動穿過第二個塊時，圓圈停止滾動並且在頁面上表現不正確是否可以完成腳本，以便當主滾動穿過block2時，圓圈將自動堅持最後一個案例並完全停止滾動？當我們返回並穿過block2時，相應地，它應該再次工作一般來說，問題在於最後一種情況，當滾動到達它時，圓圈

P粉038856725 2024-03-29 23:23:06 0  1  398

javascript - 請問如何解決 js 滑鼠滾輪事件問題

在使用jquery 的時候，滑鼠滾輪無論body 的高度是多少都可以觸發(以下地址請在result下中滾動滾輪)https://jsfiddle.net/shannon9/37fj5Lbs/embedded/ 當用原生js 的情況下，給body 定了高度的時候(出現了滾...

PHP中文网 2017-05-19 10:09:15 0  1  422

javascript - 請問 怎麼能實現行動端 分區滾動

想問在移動端怎麼實現不同區域有自己的滾動條還能聯動怎麼能讓菜單和對應的食物是各自擁有的滾動區域然後右面滑動到一定位置左面聯動切換後面是我可以自己試著實現但是不知道怎麼分區各自滾動

迷茫 2017-05-19 10:30:54 0  2  511

滾動進度動畫

我需要知道如何製作滾動進度動畫。這不是正常的滾動進度，而是不同的東西。我將提供網站的連結以及包含我正在尋找的動畫的特定部分的螢幕截圖。 https://todoist.com/這是網站的連結。我已附上該網站主頁中特定部分的螢幕截圖。捲動頁面時，捲動會在該部分中發生，並且該部分會在其自身內捲動。該部分滾動完成後，繼續正常滾動。我可以看到很多關於滾動進度條的教程，但看不到這種特殊風格的動畫

P粉821808309 2024-03-29 19:36:49 0  1  428

javascript - scroll滾動問題

1，https://www.kayak.com.hk/holi...主要效果就是這個網站的效果。當滑動捲軸的時候，右邊的div會向下捲動，這時候左邊的div也會跟著滾動。但是由於左邊的div太長，所以要隱藏最上面的一部分，這個效果實現。 ……

过去多啦不再A梦 2017-06-26 10:55:45 0  4  955

javascript - 怎麼監聽手機端螢幕的滑動以及滑動距離頂端的距離啊？

怎麼監聽手機端螢幕的滑動啊，同時計算出滾動距離頂部多少？ {程式碼...} 我這樣寫的一直是0？監聽scroll沒效果的！求大神

黄舟 2017-05-19 10:11:07 0  4  658

求大神指點js裡面怎麼監聽滑鼠滾輪事件然後跳出目前運作的方法

各位大佬：我有一段js程式碼，使用的是jquery的animate 方法，我需要在這段程式碼運行時，監聽滑鼠滾輪的動作，如果有滑鼠滾輪的動作，就退出這個animate方法，請教怎麼寫程式碼？ 附：window.onload = function () {        setTimeout(autorollup,3000);    

天空翱翔 2021-10-28 09:20:05 0  4  1028

滾動偏移HTML

我正在嘗試在HTML和CSS中做一些事情，但不確定它是否實際上有效。我想確保在滾動時添加某種“延遲”，就像減慢滾動速度一樣，使其更加柔和。有些網站確實可以做到，我曾經訪問過一些頁面滾動方式與其他網站不同，看起來很柔和。這是可能的嗎？

P粉205475538 2023-08-17 23:52:56 0  1  512

平鋪佈局中帶有水平滾動的按鈕

我有很多按鈕以瓷磚佈局垂直滾動，就像這樣：<style>.tile-button{width:33.3%;height:100px;background-color:lightblue;border:solid1pxgray;white-space:normal;maring:0px ;}</style><bodystyle="margin:0;"&

P粉823268006 2023-08-31 20:54:51 0  2  602