js 仿錨點(diǎn)跳轉(zhuǎn)到頁(yè)面指定位置，用的是 offset() 方法

$(document).ready(function(){ var target_top = $("#qa5").offset().top; //$("html,body").animate({scrollTop: target_top}, 1000);  //帶滑動(dòng)效果的跳轉(zhuǎn) $("html,body").scrollTop(target_top);  });

jQuery：

offset()：

獲取匹配元素在當(dāng)前視口的相對(duì)偏移。

返回的對(duì)象包含兩個(gè)整型屬性：top 和 left。此方法只對(duì)可見(jiàn)元素有效。

position()：

獲取匹配元素相對(duì)父元素的偏移。

返回的對(duì)象包含兩個(gè)整型屬性：top 和 left。為精確計(jì)算結(jié)果，請(qǐng)?jiān)谘a(bǔ)白、邊框和填充屬性上使用像素單位。此方法只對(duì)可見(jiàn)元素有效。

scrollTop() ：

方法設(shè)置或返回被選元素的垂直滾動(dòng)條位置。

提示：當(dāng)滾動(dòng)條位于最頂部時(shí)，位置是 0。

當(dāng)用于返回位置時(shí)：

該方法返回第一個(gè)匹配元素的滾動(dòng)條的垂直位置。

當(dāng)用于設(shè)置位置時(shí)：

該方法設(shè)置所有匹配元素的滾動(dòng)條的垂直位置。

以上這篇jquery 仿錨點(diǎn)跳轉(zhuǎn)到頁(yè)面指定位置的實(shí)例就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持武林網(wǎng)。