jquery 仿錨點跳轉(zhuǎn)到頁面指定位置的實例
更新時間：2017年02月14日 12:45:45 投稿：jingxian
下面小編就為大家?guī)硪黄猨query 仿錨點跳轉(zhuǎn)到頁面指定位置的實例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關(guān)文章
這篇文章主要介紹了jquery easyui combox一些實用的小方法，有需要的朋友可以參考一下2013-12-12
這篇文章主要介紹了jQuery滾動加載圖片實現(xiàn)原理，通過四個方面來說明懶加載技術(shù)的原理，感興趣的小伙伴們可以參考一下2015-12-12
jquery 注意事項與常用語法小結(jié),學習jquery的朋友最好收藏下。2010-06-06
3kb jQuery代碼搞定各種樹形選擇的實現(xiàn)方法
下面小編就為大家?guī)硪黄?kb jQuery代碼搞定各種樹形選擇的實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-06-06
這篇文章主要為大家詳細介紹了layui前段框架分頁效果的實現(xiàn)代碼，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
JQuery Dialog對話框 不能通過Esc關(guān)閉的原因分析及解決辦法
這篇文章主要介紹了JQuery Dialog對話框 不能通過Esc關(guān)閉的原因分析及解決辦法,需要的朋友可以參考下2017-01-01
easyui中combotree循環(huán)獲取父節(jié)點至根節(jié)點并輸出路徑實現(xiàn)方法
下面小編就為大家?guī)硪黄猠asyui中combotree循環(huán)獲取父節(jié)點至根節(jié)點并輸出路徑實現(xiàn)方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-11-11
jQuery插件slicebox實現(xiàn)3D動畫圖片輪播切換特效
Slicebox是一款效果非常華麗的jquery和css3 3d幻燈片插件。Slicebox幻燈片插件能夠?qū)D片切片，然后做3d旋轉(zhuǎn)。Slicebox幻燈片插件共有4種效果，視覺沖擊感非常強。2015-04-04
jquery中dom操作和事件的實例學習 仿yahoo郵箱登錄框的提示效果
最近把jquery中的dom操作和jquery中的事件和動畫的方法都大體測了一下。本來想細細的把每個方法都寫出來介紹下2011-11-11
實現(xiàn)音樂播放器的代碼（html5+css3+jquery）
這篇文章主要講實現(xiàn)音樂播放器的代碼（html5+css3+jquery），需要的朋友可以參考下2015-08-08