1.詳解html錨點是什么

學(xué)習(xí)網(wǎng)頁知識入門的肯定是HTML，其中html的錨點 到底是干嗎的？

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

2.html錨點使用示例

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

js中錨點的使用實例：

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

html頁面內(nèi)可以設(shè)置錨點，錨點定義

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

第一個是在通訊錄右邊的索引條上進(jìn)行滑動，滑動到相應(yīng)字母就跳轉(zhuǎn)到相應(yīng)字母的錨點上。

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

3.Javascript實現(xiàn)導(dǎo)航錨點滾動效果實例

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

錨點相關(guān)問答：

1.javascript - angular錨點問題

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

3.html5 - HTML中a標(biāo)簽的錨點問題

以上就是總結(jié)錨點在html和js中的用法的詳細(xì)內(nèi)容，html教程

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