国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > JavaScript > 正文

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

2019-11-20 23:48:42
字體:
供稿:網(wǎng)友
比如 想跳到 mao.aspx 的頁面 的div id="s" 的位置 那么 只用<a href="mao.aspx#s"> 就可實現(xiàn)跳轉(zhuǎn)到指定位置
現(xiàn)在為了增加用戶體驗 跳轉(zhuǎn)到頁面后 平滑移動到該位置 怎么做呢 其實也很簡單啦 那邊傳遞過來一個 要跳轉(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")); //獲得錨點
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畢竟好~~

很簡單的效果 不上代碼例子了 自己寫著玩~
發(fā)表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發(fā)表
主站蜘蛛池模板: 吴旗县| 攀枝花市| 磐石市| 衢州市| 高唐县| 嘉义市| 十堰市| 玉门市| 北碚区| 宁武县| 慈溪市| 呼和浩特市| 吕梁市| 宜丰县| 台安县| 惠安县| 景泰县| 西吉县| 江城| 青神县| 奈曼旗| 福鼎市| 泰顺县| 油尖旺区| 冷水江市| 邢台市| 内丘县| 屏东市| 甘谷县| 三台县| 黑水县| 宜州市| 梁河县| 南通市| 尉犁县| 婺源县| 莱西市| 东丰县| 静乐县| 泾川县| 仪陇县|