Gibt es eine Möglichkeit, bei Verwendung des Scrollrads eine reibungslose Scroll-Animation zu erzielen?

Question

Ich versuche es so zu gestalten, dass sich die Seite beim Scrollen reibungslos bewegt und nicht so „ruckartig“, wie es bei Verwendung des Scrollrads der Fall ist.

Die meisten Quellen, die ich in diesem Zusammenhang gesehen habe, beinhalten sanftes Scrollen beim Klicken auf Schaltflächen oder Links, wie es React-Scroll bietet, aber ich möchte speziell den reibungslosen Effekt des Scrollens mit dem Rad erzielen. Gibt es eine Möglichkeit, dies über ein Material-UI-Theme zu erreichen, oder gibt es ein React-Paket, das dabei helfen kann?

Answer 1

如果你想要在点击锚点时实现平滑滚动，你可以将以下代码应用到你的html标签中：

scroll-behavior: smooth;

如果你想要在滚动时应用动画效果，默认情况下会应用到每个网站。