jquery 仿錨點(diǎn)跳轉(zhuǎn)到頁面指定位置的實(shí)例
js 仿錨點(diǎn)跳轉(zhuǎn)到頁面指定位置，用的是 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)前視口的相對偏移。
返回的對象包含兩個(gè)整型屬性：top 和 left。此方法只對可見元素有效。
position()：
獲取匹配元素相對父元素的偏移。
返回的對象包含兩個(gè)整型屬性：top 和 left。為精確計(jì)算結(jié)果，請?jiān)谘a(bǔ)白、邊框和填充屬性上使用像素單位。此方法只對可見元素有效。
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)到頁面指定位置的實(shí)例就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
jquery easyui combox一些實(shí)用的小方法
這篇文章主要介紹了jquery easyui combox一些實(shí)用的小方法，有需要的朋友可以參考一下2013-12-12
jQuery滾動(dòng)加載圖片實(shí)現(xiàn)原理
這篇文章主要介紹了jQuery滾動(dòng)加載圖片實(shí)現(xiàn)原理，通過四個(gè)方面來說明懶加載技術(shù)的原理，感興趣的小伙伴們可以參考一下2015-12-12
jquery 注意事項(xiàng)與常用語法小結(jié)
jquery 注意事項(xiàng)與常用語法小結(jié),學(xué)習(xí)jquery的朋友最好收藏下。2010-06-06
3kb jQuery代碼搞定各種樹形選擇的實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄?kb jQuery代碼搞定各種樹形選擇的實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-06-06
這篇文章主要為大家詳細(xì)介紹了layui前段框架分頁效果的實(shí)現(xiàn)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
JQuery Dialog對話框 不能通過Esc關(guān)閉的原因分析及解決辦法
這篇文章主要介紹了JQuery Dialog對話框 不能通過Esc關(guān)閉的原因分析及解決辦法,需要的朋友可以參考下2017-01-01
easyui中combotree循環(huán)獲取父節(jié)點(diǎn)至根節(jié)點(diǎn)并輸出路徑實(shí)現(xiàn)方法
下面小編就為大家?guī)硪黄猠asyui中combotree循環(huán)獲取父節(jié)點(diǎn)至根節(jié)點(diǎn)并輸出路徑實(shí)現(xiàn)方法。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-11-11
jQuery插件slicebox實(shí)現(xiàn)3D動(dòng)畫圖片輪播切換特效
Slicebox是一款效果非常華麗的jquery和css3 3d幻燈片插件。Slicebox幻燈片插件能夠?qū)D片切片，然后做3d旋轉(zhuǎn)。Slicebox幻燈片插件共有4種效果，視覺沖擊感非常強(qiáng)。2015-04-04
jquery中dom操作和事件的實(shí)例學(xué)習(xí) 仿yahoo郵箱登錄框的提示效果
最近把jquery中的dom操作和jquery中的事件和動(dòng)畫的方法都大體測了一下。本來想細(xì)細(xì)的把每個(gè)方法都寫出來介紹下2011-11-11
實(shí)現(xiàn)音樂播放器的代碼（html5+css3+jquery）
這篇文章主要講實(shí)現(xiàn)音樂播放器的代碼（html5+css3+jquery），需要的朋友可以參考下2015-08-08