jquery如何模仿錨點跳轉(zhuǎn)到頁面指定位置

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

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

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

$(document).ready(function(){

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

  });

jQuery:

offset():

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

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

position():

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

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

scrollTop() :

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

提示:當滾動條位于最頂部時,位置是 0。

當用于返回位置時:

該方法返回第一個匹配元素的滾動條的垂直位置。

當用于設(shè)置位置時:

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

以上是“jquery如何模仿錨點跳轉(zhuǎn)到頁面指定位置”這篇文章的所有內(nèi)容,感謝各位的閱讀!相信大家都有了一定的了解,希望分享的內(nèi)容對大家有所幫助,如果還想學(xué)習更多知識,歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道!

本文名稱:jquery如何模仿錨點跳轉(zhuǎn)到頁面指定位置
文章URL:http://bm7419.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)請盡快告知,我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場,如需處理請聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時需注明來源: 創(chuàng)新互聯(lián)

商城網(wǎng)站建設(shè)