国产探花免费观看_亚洲丰满少妇自慰呻吟_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ā)表
主站蜘蛛池模板: 永昌县| 望奎县| 平遥县| 桑植县| 沙田区| 荣昌县| 三江| 冕宁县| 诸暨市| 西宁市| 枞阳县| 龙川县| 弥渡县| 荔浦县| 马尔康县| 黑水县| 凉山| 德江县| 平塘县| 紫金县| 肇东市| 牙克石市| 霸州市| 涟源市| 五峰| 建宁县| 定西市| 弋阳县| 白山市| 成都市| 行唐县| 巩义市| 犍为县| 普安县| 兴山县| 澎湖县| 南溪县| 广饶县| 富锦市| 许昌市| 吉首市|