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

基于jquery的從一個頁面跳轉(zhuǎn)到另一個頁面的指定位置的實(shí)現(xiàn)代碼(帶平滑移動的效果)

 更新時間:2011年05月24日 23:08:34   作者:  
從一個頁面跳轉(zhuǎn)到另一個頁面的指定位置 如果不帶平滑移動的效果 很容易 加個 錨點(diǎn)就行了
比如 想跳到 mao.aspx 的頁面 的div id="s" 的位置 那么 只用<a href="mao.aspx#s"> 就可實(shí)現(xiàn)跳轉(zhuǎn)到指定位置
現(xiàn)在為了增加用戶體驗(yàn) 跳轉(zhuǎn)到頁面后 平滑移動到該位置 怎么做呢 其實(shí)也很簡單啦 那邊傳遞過來一個 要跳轉(zhuǎn)到哪個div的參數(shù)就行
先上一段 頁面獲取參數(shù)的 通用js
復(fù)制代碼 代碼如下:

//根據(jù)參數(shù)名獲得該參數(shù) pname等于想要的參數(shù)名
function getParam(pname) {
var params = location.search.substr(1); // 獲取參數(shù) 平且去掉?
var ArrParam = params.split('&');
if (ArrParam.length == 1) {
//只有一個參數(shù)的情況
return params.split('=')[1];
}
else {
//多個參數(shù)參數(shù)的情況
for (var i = 0; i < ArrParam.length; i++) {
if (ArrParam[i].split('=')[0] == pname) {
return ArrParam[i].split('=')[1];
}
}
}
}

代碼很簡單 就是根據(jù)當(dāng)前url 獲取其中想要的參數(shù)的值
復(fù)制代碼 代碼如下:

$(function() {
var mao = $("#" + getParam("m")); //獲得錨點(diǎn)
if (mao.length > 0) {//判斷對象是否存在
var pos = mao.offset().top;
var poshigh = mao.height();
$("html,body").animate({ scrollTop: pos-poshigh-30 }, 3000);
}
});

上面就是平滑移動到 想要的位置 pos-poshigh-30 這個是可以調(diào)整的 我是覺得減到30畢竟好~~

很簡單的效果 不上代碼例子了 自己寫著玩~

相關(guān)文章

最新評論