jquery 仿錨點(diǎn)跳轉(zhuǎn)到頁面指定位置的實(shí)例
更新時間：2017年02月14日 12:45:45 投稿：jingxian
下面小編就為大家?guī)硪黄猨query 仿錨點(diǎn)跳轉(zhuǎn)到頁面指定位置的實(shí)例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
js 仿錨點(diǎn)跳轉(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()：
獲取匹配元素在當(dāng)前視口的相對偏移。
返回的對象包含兩個整型屬性：top 和 left。此方法只對可見元素有效。
position()：
獲取匹配元素相對父元素的偏移。
返回的對象包含兩個整型屬性：top 和 left。為精確計算結(jié)果，請在補(bǔ)白、邊框和填充屬性上使用像素單位。此方法只對可見元素有效。
scrollTop() ：
方法設(shè)置或返回被選元素的垂直滾動條位置。
提示：當(dāng)滾動條位于最頂部時，位置是 0。
當(dāng)用于返回位置時：
該方法返回第一個匹配元素的滾動條的垂直位置。
當(dāng)用于設(shè)置位置時：
該方法設(shè)置所有匹配元素的滾動條的垂直位置。
以上這篇jquery 仿錨點(diǎn)跳轉(zhuǎn)到頁面指定位置的實(shí)例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
jQuery滾動監(jiān)聽實(shí)現(xiàn)商城樓梯式導(dǎo)航效果
這篇文章主要介紹了jQuery滾動監(jiān)聽，實(shí)現(xiàn)商城樓梯式導(dǎo)航,非常不錯，具有參考借鑒價值，需要的朋友可以參考下2017-03-03
jQuery實(shí)現(xiàn)單行文字間歇向上滾動源代碼
使用jquery實(shí)現(xiàn)的文字向上滾動效果多的不計其數(shù)吧，間歇向上滾動卻不是那么的多，所以本文簡單的實(shí)現(xiàn)了一個，感興趣的朋友可以參考下哈2013-06-06
jQuery實(shí)現(xiàn)監(jiān)控頁面所有ajax請求的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)監(jiān)控頁面所有ajax請求的方法,涉及jQuery中ajax請求的判定技巧,具有一定參考借鑒價值,需要的朋友可以參考下2015-12-12
jQuery插件zTree實(shí)現(xiàn)清空選中第一個節(jié)點(diǎn)所有子節(jié)點(diǎn)的方法
這篇文章主要介紹了jQuery插件zTree實(shí)現(xiàn)清空選中第一個節(jié)點(diǎn)所有子節(jié)點(diǎn)的方法,涉及jQuery樹形插件zTree針對節(jié)點(diǎn)的遍歷與移除相關(guān)操作技巧,需要的朋友可以參考下2017-03-03
jquery中的sortable排序之后的保存狀態(tài)的解決方法
其實(shí)在前年的這個時候，我就有用過這個sortable組件，那時候搞了個個人網(wǎng)站（可惜后來關(guān)了），首頁就用到了這種拖拽的效果。2010-01-01
最近在使用JQuery的ajax方法時，要求返回的數(shù)據(jù)為json數(shù)據(jù)，在處理的過程中遇到下面的幾個問題，那就是采用不同的方式來生成json數(shù)據(jù)的時候，在$.ajax方法中應(yīng)該是如何來處理的，下面依次來進(jìn)行說明。2015-04-04
這篇文章主要介紹了jQuery判斷一個元素是否可見的方法,涉及jQuery鏈?zhǔn)讲僮骷皹邮脚卸ǖ募记?需要的朋友可以參考下2015-06-06
jQuery實(shí)現(xiàn)類似滑動門切換效果的層切換
滑動門切換效果想必大家都有見到過吧，在本文為大家介紹下jQuery是如何實(shí)現(xiàn)層切換的2013-09-09
jquery提示效果有很多，本文也提供一個超漂亮的仿騰訊彈出層效果，熱愛特效的你可千萬不要錯過了啊，希望本文提供的案例對你學(xué)習(xí)jquery特效有所幫助2013-02-02
遮罩層點(diǎn)擊按鈕彈出并且具有拖動和關(guān)閉效果（兩種方法）
實(shí)現(xiàn)點(diǎn)擊按鈕彈出遮罩層，點(diǎn)擊按鈕可以隨意拖動和關(guān)閉。接下來，通過本篇文章給大家介紹遮罩層點(diǎn)擊按鈕彈出并且具有拖動和關(guān)閉效果，需要的朋友可以參考下2015-08-08