国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 開發 > JavaScript > 正文

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

2020-03-24 19:21:04
字體:
來源:轉載
供稿:網友
在HTML中錨點的用法:

1.詳解html錨點是什么

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

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

bca0a344c23f2b6362e63bc558fc5675.png

2.html錨點使用示例

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

8268e24b1fd73fd9c0e4c9a0027fbb19.png

js中錨點的使用實例:

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

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

3096ea6106812dd307f5111e4b63cf82.jpg

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

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

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

3a5dbe114bde102f14da61fbe474b19d.jpg

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

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

fcf7d395febf9941a2fbe2e933692764.jpg

錨點相關問答:

1.javascript - angular錨點問題

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

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

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

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

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: 澎湖县| 平凉市| 威宁| 太保市| 年辖:市辖区| 绥中县| 绩溪县| 措美县| 青河县| 阳新县| 济南市| 衡阳市| 古田县| 清水河县| 兰考县| 定襄县| 平舆县| 岐山县| 虞城县| 屏东县| 巴林右旗| 定陶县| 砚山县| 汽车| 锦州市| 河曲县| 北京市| 北辰区| 潼关县| 华容县| 扶沟县| 吕梁市| 康定县| 民权县| 扶风县| 高雄市| 芷江| 仲巴县| 盐源县| 湘乡市| 舞阳县|