如何使用CSS錨點

今天就跟大家聊聊有關如何使用CSS錨點，可能很多人都不太了解，為了讓大家更加了解，小編給大家總結了以下內容，希望大家根據(jù)這篇文章可以有所收獲。

成都創(chuàng)新互聯(lián)公司主營平定網站建設的網絡公司,主營網站建設方案,App定制開發(fā),平定h5重慶小程序開發(fā)搭建,平定網站營銷推廣歡迎平定等地區(qū)企業(yè)咨詢

CSS錨點使用有兩種方法，我建議使用下面這種：

  到達第一個錨點

    到達第二個錨點

    
我是第一個錨點

    
我是第一個錨點

這樣當我們點擊A鏈接時， 對應的DOM節(jié)點就會滾動到窗口頂部。

但有時我們的需求并不是讓它滾動到窗口頂部。 可能要他距離頂部有一定的距離。這時候可以由以下方法解決。

  到達第一個錨點

    到達第二個錨點

 
我是第一個需要滾動的內容

    
我是第二個需要滾動的內容

這樣就可以達到滾動后距離頂部200px的效果。而不影響原頁面的樣式

看完上述內容，你們對如何使用CSS錨點有進一步的了解嗎？如果還想了解更多知識或者相關內容，請關注創(chuàng)新互聯(lián)行業(yè)資訊頻道，感謝大家的支持。

網站欄目：如何使用CSS錨點
文章分享：http://m.jiaotiyi.com/article/giceoi.html