滾動偏移HTML

Question

我正在嘗試在HTML和CSS中做一些事情，但不確定它是否實際上有效。

我想確保在滾動時添加某種“延遲”，就像減慢滾動速度一樣，使其更加柔和。

有些網站確實可以做到，我曾經訪問過一些頁面滾動方式與其他網站不同，看起來很柔和。

這是可能的嗎？

Answer 1

當然可以！要在您的網站上實現平滑滾動效果，您可以使用以下CSS規則：

html {
  scroll-behavior: smooth;
}

而要建立觸發平滑滾動的內部鏈接，請在您的HTML中使用如下的錨點標籤：

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

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

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

透過使用這種方法，您的網站滾動將感覺更加平滑，對使用者更加舒適。