偏移固定標頭的 HTML 錨點
使用固定標頭時,HTML 錨點的定位可能會出現問題。由於標題保留在頁面頂部,連結到頁面內的錨點會導致頁面跳轉,從而模糊標題後面的內容。若要解決此問題,可以對錨點套用偏移量。
CSS 解:
利用 CSS 調整錨點的位置,不使用 JavaScript。為錨點分配一個類別:
然後,可以透過將其定位為區塊元素並應用position:relative;來偏移該錨點在頁面上的實際位置; style:
「top」的值(本例為-250px)表示偏移量。這會將錨點從原始位置向上移動 250 像素。 「可見性:隱藏」屬性可防止錨點可見,但仍允許其回應點擊。
請注意,確切的偏移值可能會根據標題的高度而有所不同。相應地調整它以確保錨點滾動到頁面上的正確位置。
以上是如何偏移 HTML 錨點以解決固定標頭?的詳細內容。更多資訊請關注PHP中文網其他相關文章!