這篇文章主要為大家展示了“jquery如何模仿錨點(diǎn)跳轉(zhuǎn)到頁(yè)面指定位置”，內(nèi)容簡(jiǎn)而易懂，條理清晰，希望能夠幫助大家解決疑惑，下面讓小編帶領(lǐng)大家一起研究并學(xué)習(xí)一下“jquery如何模仿錨點(diǎn)跳轉(zhuǎn)到頁(yè)面指定位置”這篇文章吧。

成都創(chuàng)新互聯(lián)公司成都企業(yè)網(wǎng)站建設(shè)服務(wù)，提供成都網(wǎng)站制作、成都做網(wǎng)站、外貿(mào)營(yíng)銷網(wǎng)站建設(shè)網(wǎng)站開(kāi)發(fā),網(wǎng)站定制,建網(wǎng)站,網(wǎng)站搭建,網(wǎng)站設(shè)計(jì),自適應(yīng)網(wǎng)站建設(shè),網(wǎng)頁(yè)設(shè)計(jì)師打造企業(yè)風(fēng)格網(wǎng)站,提供周到的售前咨詢和貼心的售后服務(wù)。歡迎咨詢做網(wǎng)站需要多少錢:028-86922220

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è)面指定位置”這篇文章的所有內(nèi)容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內(nèi)容對(duì)大家有所幫助，如果還想學(xué)習(xí)更多知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道！

本文名稱：jquery如何模仿錨點(diǎn)跳轉(zhuǎn)到頁(yè)面指定位置
文章URL：http://www.yijiale78.com/article22/jcsjcc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站導(dǎo)航、ChatGPT、定制網(wǎng)站、面包屑導(dǎo)航、商城網(wǎng)站、網(wǎng)站策劃

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)