首頁  >  問答  >  主體

滾動偏移HTML

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

全部回覆(1)我來回復

  • P粉868586032

    P粉8685860322023-08-18 10:44:43

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

    html {
      scroll-behavior: smooth;
    }

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

    <a href="#section1">跳转到第一部分</a>
    <a href="#section2">跳转到第二部分</a>
    
    <section id="section1">
      <!-- 第一部分的内容 -->
    </section>
    
    <section id="section2">
      <!-- 第二部分的内容 -->
    </section>

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

    回覆
    0
  • 取消回覆