1.詳解html錨點是什么

學習網頁知識入門的肯定是HTML，其中html的錨點 到底是干嗎的？

通俗簡單地說，比如一篇很長的文章，你想按分段精確來看，那就可以用到錨點了。

2.html錨點使用示例

了解到錨點是什么之后，我們來了解下錨點的用法。

js中錨點的使用實例：

1.js 定位到某個錨點的方法

html頁面內可以設置錨點，錨點定義

2.js實現做通訊錄的索引滑動顯示效果和滑動顯示錨點效果

第一個是在通訊錄右邊的索引條上進行滑動，滑動到相應字母就跳轉到相應字母的錨點上。

思路：監聽touchmove事件，獲取clientX和clientY，傳入到elementFromPoint，然后獲取到元素以后執行click()即可。

3.Javascript實現導航錨點滾動效果實例

常見的開發頁面中可能會有這么一個需求，頁面中會有多個模塊，每個模塊對應一個導航，當頁面滾動到某個模塊時，對應的模塊導航需要加上一個類用于區分當前用戶所瀏覽區域。

錨點相關問答：

1.javascript - angular錨點問題

2.angular.js - AngularJs通過定義錨點鏈接控制頁面輸出

3.html5 - HTML中a標簽的錨點問題

以上就是總結錨點在html和js中的用法的詳細內容，html教程

鄭重聲明：本文版權歸原作者所有，轉載文章僅為傳播更多信息之目的，如作者信息標記有誤，請第一時間聯系我們修改或刪除，多謝。