錨定通常用于網頁,尤其是長網頁,這將增加用戶體驗,本文是錯新技術頻道小編為大家整理的JS錨點的設置與使用方法,希望對你學習這方面知識有幫助,一起來學習一下吧!
具體如下:
<!DOCTYPE html><html lang="zh-cn"><head><meta charset="UTF-8"><title>錨點</title></head><body><ul> <li><a href="javascript:void(0);" onclick="naver('A')">錨點A</a></li> <li><a href="javascript:void(0);" onclick="naver('B')">錨點B</a></li> <li><a href="javascript:void(0);" onclick="naver('C')">錨點C</a></li> <li><a href="javascript:void(0);" onclick="naver('D')">錨點D</a></li></ul><div style="background-color: #f60; height: 400px;" id="A"> AAA</div><div style="background-color: #f06; height: 400px;" id="B"> BBB</div><div style="background-color: #60f; height: 400px;" id="C"> CCC</div><div style="background-color: #06f; height: 400px;" id="D"> DDD</div><script>//設置錨點function naver(id){ var obj = document.getElementById(id); var oPos = obj.offsetTop; return window.scrollTo(0, oPos-36);}</script></body></html>效果圖:

上述就是JS錨點的設置與使用方法的全部內容,相關知識我們不斷收集而來。更多內容盡請期待,喜歡就請收藏錯新技術頻道吧!
新聞熱點
疑難解答
圖片精選