HTML實現點擊閱讀導航,跳轉到頁面這個內容的開始部分。


1.相信大家上網的時候可能都用過點擊一個頁面的導航里的內容,然后頁面會直接上下拖動到我們想看的文章的開始地方。那么這樣的效果是怎么實現的,今天餓哦就和大家一起來分享。

 

2.第一我們要跳轉到指定內容,那么我們舊的在這個內容的開始設置一個錨點。錨點的作用就是當我們點擊鼠標的時候,他會自動找到我們設置的這個錨點,然后自動跳轉到錨點位置,實現點擊跳轉到頁面制定內容。

 

首先我們要在你設置的標簽中使用id
比如:<h2 id="lovo">百科全書</h2>
那么現在這個id就是我們設置在h2標簽里面的錨點。
 
 
然后 。我們在頁面中導航的位置使用a標簽
比如:<a herf="#lovo">跳轉到百科全書</a>
那么現在我們使用連接的方式找到了錨點lovo,那么當我們點擊a標簽的時候,系統會自動找我們設置好的錨點並且實現跳轉到指定內容的效果。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM