Scroll-Offsethtml
P粉205475538
P粉205475538 2023-08-17 23:52:56
0
1
510
<p>Ich versuche etwas in HTML und CSS zu machen, bin mir aber nicht sicher, ob es tatsächlich funktioniert. </p> <p>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. </p> <p>Einige Websites tun dies. Ich habe einige Seiten besucht, die anders gescrollt wurden als andere Websites und weich aussahen. </p> <p>Ist das möglich? </p>
P粉205475538
P粉205475538

Antworte allen(1)
P粉868586032

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

html {
  scroll-behavior: smooth;
}

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

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

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

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

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

Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage