總結錨點在html和js中的用法

在HTML中錨點的用法：

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中的用法的詳細內容。更多資訊請關注PHP中文網其他相關文章！