欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

jquery通過load獲取文件的內(nèi)容并跳到錨點(diǎn)的方法

 更新時間：2015年01月29日 15:34:48   作者：穗溪  
這篇文章主要介紹了jquery通過load獲取文件的內(nèi)容并跳到錨點(diǎn)的方法,涉及l(fā)oad及animate等方法的使用技巧,需要的朋友可以參考下

本文實(shí)例講述了jquery通過load獲取文件的內(nèi)容并跳到錨點(diǎn)的方法。分享給大家供大家參考。具體分析如下：

昨天在做一個類似于幫助文檔型的頁面，左邊是導(dǎo)航，右邊顯示的是內(nèi)容。本來打算右邊內(nèi)容顯示區(qū)域用iframe來實(shí)現(xiàn)，但由于要做iframe的適應(yīng)高度所以就換了一種方法，使用jquery的ajax中的load方法。

獲取遠(yuǎn)程文件中的內(nèi)容很容易實(shí)現(xiàn)，直接使用jquery的load方法：

$("#content").load("xxx.aspx")

這樣很容易將xxx.aspx文件中的內(nèi)容放在id為content的標(biāo)簽中?，F(xiàn)在還要實(shí)現(xiàn)的一個效果是：當(dāng)我獲取文件的內(nèi)容后，要跳到相應(yīng)的錨點(diǎn)，于是就想到使用jquery的scrollTop，例如我獲取文件內(nèi)容后，要調(diào)到id="name"的標(biāo)簽：

$("body,html").animate({scrollTop:$("#name").offset().top});

offset()就是獲取匹配元素在當(dāng)前視口的相對偏移，$("#name").offset().top就是獲取ID為name的標(biāo)簽在當(dāng)前視口距頂部的相對偏移。以上代碼綜合在一塊需這樣寫：

$(function(){
 $("#content").load("xxx.aspx",function(){
  $("body,html").animate({scrollTop:$("#name").offset().top});
 });
})

為了避免點(diǎn)擊導(dǎo)航不斷的對服務(wù)器發(fā)送請求，我們可以將每次獲取到的數(shù)據(jù)存儲起來。

當(dāng)然，這個方法只適合不考慮SEO優(yōu)化的頁面使用。

希望本文所述對大家的jQuery程序設(shè)計有所幫助。

相關(guān)文章

最新評論