jQuery仿錨點跳轉

2022-03-06 21:13:23 字數 480 閱讀 7593

這幾天在上海出差,遇到了各式各樣的問題,比如現在這個,因為如果你在頁面使用錨點,那一重新整理頁面,因為url改變了,之前的頁面就會載入失敗,造成使用者體驗不好,所以,我就找了這個:

js 仿錨點跳轉到頁面指定位置,用的是 offset() 方法 

$(document).ready(function(), 1000);   //帶滑動效果的跳轉

$("html,body").scrolltop(target_top);

jquery:

offset(): 

獲取匹配元素在當前視口的相對偏移。 

返回的物件包含兩個整型屬性:top 和 left。此方法只對可見元素有效。 

position(): 

獲取匹配元素相對父元素的偏移。 

返回的物件包含兩個整型屬性:top 和 left。為精確計算結果,請在補白、邊框和填充屬性上使用畫素單位。此方法只對可見元素有效。 

scrolltop() :

jquery 錨點跳轉

比如 波輪洗衣機介紹 但是上種方法使用了乙個空標籤,而且有時候會出現錨點失效。所以建議採用id來繫結錨點,如下 波輪洗衣機介紹 關於 在頁面的製作中,的符號很常見,並且具有通用性。基本上,其表示的含義是id選擇符。例如 css中 header 就表示id為header的標籤的樣式如何 在jquery...

JQuery 仿錨點跳轉到頁面指定位置

標題 這是標題的內容 document ready function 1000 帶滑動效果的跳轉 html,body scrolltop target top 獲取匹配元素在當前視口的相對偏移。返回的物件包含兩個整型屬性 top 和 left。此方法只對可見元素有效。獲取匹配元素相對父元素的偏移。返...

js跳轉到錨點 jQuery動畫滾動到錨點)

a name bottom a 正常網頁的跳轉用跳轉到錨點,不同頁面前面加上頁面路徑即可如跳轉到錨點,location.hash bottom location.href url2.htm bottom 不只有a,其他元素也可以,比如在 中 tr id tr1 tr location.hash tr...