導覽詞條 2-55

錨點Anchor

也常叫做:錨點連結、頁內連結、Anchor Link

你可能會這樣說

一頁式網站好長,按頂部的「價格」就自動捲到價格區——這種頁內跳轉的連結就是錨點。

白話解釋

錨點是點了之後捲動到同一頁某個段落的連結,常見於一頁式網站的頂部導覽:按「常見問題」就滑到常見問題區。

兩個常被漏掉的細節:捲動要平滑(瞬間跳很突兀),以及版頭固定時要預留高度(免得標題被版頭蓋住)。

跟 AI 描述時說「導覽按鈕平滑捲動到對應區塊,並避開固定版頭」。

親手試試

onepage.example.com
一頁式官網
服務

服務區:點導覽的「服務」,畫面會平滑捲動到這裡,而不是瞬間跳走。

案例

案例區:捲到哪個區塊,導覽上對應的按鈕就跟著高亮。

價格

價格區:錨點跳轉要避開固定的導覽列,不然標題會被蓋住。

聯絡

聯絡區:一頁式網站的四個段落,全靠錨點串起來。

試試:上下捲動(導覽列黏住);點選單(跳到該段+高亮)。

圖 2-55 點上面的選單——平滑捲動、段落高亮,這就是錨點。

這樣對 AI 說

中文就可以
一頁式網站的頂部導覽加上頁內跳轉。
點「服務」「案例」「價格」「聯絡」分別平滑捲到對應區塊。
捲動位置要避開上方固定的導覽列,標題不能被蓋住。
目前捲到哪個區塊,對應的按鈕就高亮。

同一課的其他詞