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

首頁 > 開發(fā) > JS > 正文

HTML中JS實(shí)現(xiàn)打開頁面直接跳轉(zhuǎn)到錨點(diǎn)位置

2024-09-06 12:41:16
字體:
供稿:網(wǎng)友
這篇文章主要為大家詳細(xì)介紹了HTML中JS實(shí)現(xiàn)打開頁面直接跳轉(zhuǎn)到錨點(diǎn)位置,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下,有需要的朋友可以收藏方便以后借鑒。

今天下午給用戶在做一個(gè)簡(jiǎn)單的單頁面網(wǎng)站的時(shí)候,用戶要求實(shí)現(xiàn)這樣的一個(gè)功能,打開網(wǎng)站頁面或者域名,能自動(dòng)跳轉(zhuǎn)到其中一個(gè)在中間位置的錨點(diǎn)。

  這樣的情況很少有朋友會(huì)遇到,但是也不能因?yàn)橛玫蒙倬筒蝗ヌ幚恚旅媸?61模板網(wǎng)想的2種處理辦法,我們最終選擇的是第二種方法,大家可以一起來看下。

第一種方法、使用onLoad屬性實(shí)現(xiàn)

<body onLoad="scrollTo(0,10)">  //10代表離頂端的距離

打開頁面onload定位位置

這種方法簡(jiǎn)單,就是打開頁面的時(shí)候滾動(dòng)到距離頂部10px的位置停下來,是可以實(shí)現(xiàn)定位到錨點(diǎn)的,只需要計(jì)算好頂部到錨點(diǎn)的具體的距離就可以了,但是這樣的方法有一個(gè)小問題,就是如果該頁面是自適應(yīng)移動(dòng)端就會(huì)很麻煩,甚至可以說實(shí)現(xiàn)不了。我們?cè)倏纯吹诙N方法。

第二種方法、使用JS打開頁面跳轉(zhuǎn)定位到錨點(diǎn)位置

<script>window.onload=function(){location.hash='show'; }</script>

上面JS里的show就是我們的錨點(diǎn)的ID。

HTML中JS實(shí)現(xiàn)打開頁面直接跳轉(zhuǎn)到錨點(diǎn)位置

這樣在頁面被打開的時(shí)候就會(huì)直接跳轉(zhuǎn)定位到錨地名稱id="show"位置了,大家可以嘗試看下具體效果。

以上就是HTML中JS實(shí)現(xiàn)打開頁面直接跳轉(zhuǎn)到錨點(diǎn)位置的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)和解決疑問有所幫助,也希望大家多多支持武林網(wǎng)。
發(fā)表評(píng)論 共有條評(píng)論
用戶名: 密碼:
驗(yàn)證碼: 匿名發(fā)表
主站蜘蛛池模板: 平原县| 汽车| 长汀县| 溧水县| 探索| 磐安县| 郧西县| 新巴尔虎右旗| 西藏| 株洲市| 衢州市| 都昌县| 叶城县| 古交市| 泰安市| 商水县| 江门市| 怀集县| 包头市| 渭南市| 屏山县| 滕州市| 军事| 南川市| 阿荣旗| 南阳市| 延长县| 文安县| 蕲春县| 八宿县| 吉林省| 佛山市| 偏关县| 曲阜市| 新泰市| 芒康县| 乌海市| 凌海市| 朝阳县| 张家港市| 合山市|