Scroll-Offsethtml

Question

Ich versuche etwas in HTML und CSS zu machen, bin mir aber nicht sicher, ob es tatsächlich funktioniert.

Ich möchte sicherstellen, dass ich beim Scrollen eine Art „Verzögerung“ hinzufüge, z. B. indem ich das Scrollen verlangsame, um es weicher zu machen.

Einige Websites tun dies. Ich habe einige Seiten besucht, die anders gescrollt wurden als andere Websites und weich aussahen.

Ist das möglich?

Answer 1

当然可以！要在您的网站上实现平滑滚动效果，您可以使用以下CSS规则：

html {
  scroll-behavior: smooth;
}

而要创建触发平滑滚动的内部链接，请在您的HTML中使用如下的锚点标签：

<a href="#section1">跳转到第一部分</a>
<a href="#section2">跳转到第二部分</a>

<section id="section1">
  <!-- 第一部分的内容 -->
</section>

<section id="section2">
  <!-- 第二部分的内容 -->
</section>

通过使用这种方法，您的网站滚动将感觉更加平滑，对用户更加舒适。