今天下午給用戶在做一個簡單的單頁面網站的時候,用戶要求實現這樣的一個功能,打開網站頁面或者域名,能自動跳轉到其中一個在中間位置的錨點。
這樣的情況很少有朋友會遇到,但是也不能因為用得少就不去處理,下面是361模板網想的2種處理辦法,我們最終選擇的是第二種方法,大家可以一起來看下。
第一種方法、使用onLoad屬性實現
<body onLoad="scrollTo(0,10)"> //10代表離頂端的距離
這種方法簡單,就是打開頁面的時候滾動到距離頂部10px的位置停下來,是可以實現定位到錨點的,只需要計算好頂部到錨點的具體的距離就可以了,但是這樣的方法有一個小問題,就是如果該頁面是自適應移動端就會很麻煩,甚至可以說實現不了。我們再看看第二種方法。
第二種方法、使用JS打開頁面跳轉定位到錨點位置
<script>window.onload=function(){location.hash='show'; }</script>
上面JS里的show就是我們的錨點的ID。
這樣在頁面被打開的時候就會直接跳轉定位到錨地名稱id="show"位置了,大家可以嘗試看下具體效果。
以上就是HTML中JS實現打開頁面直接跳轉到錨點位置的全部內容,希望對大家的學習和解決疑問有所幫助,也希望大家多多支持武林網。新聞熱點
疑難解答