CSS 錨點(diǎn)頁面切換 在網(wǎng)頁設(shè)計中，錨點(diǎn)應(yīng)用越來越廣泛。利用錨點(diǎn)可以實現(xiàn)在同一頁面內(nèi)實現(xiàn)局部跳轉(zhuǎn)，提高用戶體驗。 CSS 錨點(diǎn)頁面切換，是通過CSS技術(shù)實現(xiàn)的一種錨點(diǎn)跳轉(zhuǎn)方式。 首先，在HTML中要插入錨點(diǎn)，在需要設(shè)置錨點(diǎn)的位置增加一個id屬性，如下所示：

第一部分內(nèi)容
第二部分內(nèi)容

然后，需要在導(dǎo)航菜單中設(shè)置目標(biāo)錨點(diǎn)，如下所示：

第一部分
第二部分

此時，點(diǎn)擊導(dǎo)航菜單中的鏈接，頁面會出現(xiàn)平滑滾動的效果，因為錨點(diǎn)內(nèi)部鏈接已默認(rèn)包含了一個平滑過渡效果，不需要另外添加處理。 但是，這種方法的滾動速度有時過慢，需要用CSS來加強(qiáng)效果。 找到要跳轉(zhuǎn)到的目標(biāo)位置，給其添加一個標(biāo)記class。

第一部分內(nèi)容
第二部分內(nèi)容

在CSS中設(shè)置滾動速度。

.target {
scroll-behavior: smooth;
}

以上就是 CSS 錨點(diǎn)頁面切換的實現(xiàn)方式。值得注意的是，這種方式并不支持 IE 等老舊瀏覽器，但也不影響其在現(xiàn)代瀏覽器中的廣泛應(yīng)用。