ホームページ  >  記事  >  ウェブフロントエンド  >  jqueryをベースにあるページから別のページの指定位置にジャンプする実装コード(滑らかな動き効果あり)_jquery

jqueryをベースにあるページから別のページの指定位置にジャンプする実装コード(滑らかな動き効果あり)_jquery

WBOY
WBOYオリジナル
2016-05-16 18:06:321353ブラウズ

たとえば、mao.aspx ページの div id="s" の位置にジャンプしたい場合は、 を使用して指定した位置にジャンプします
ユーザーを追加するために、ページにジャンプしてその位置にスムーズに移動する方法を説明します。実際には、ジャンプしたい div のパラメーターを渡すだけです。
まず、前のページに移動します。パラメータの一般的な JS を取得します

コードをコピー コードは次のとおりです:

//Getパラメータ名 pname に基づくパラメータは、目的のパラメータ名と同じです
function getParam(pname) {
var params = location.search.substr(1); // パラメータを取得して削除しますか?
var ArrParam = params.split('&');
if (ArrParam.length == 1) {
//パラメータが 1 つだけの場合
return params.split('=' ) [1];
}
else {
//複数のパラメータの場合
for (var i = 0; i if (ArrParam) [i].split('=')[0] == pname) {
return ArrParam[i].split('=')[1]
}
}
}
}

コードは非常に簡単です: 現在の URL に基づいて目的のパラメータの値を取得します
コードをコピーします コードは次のとおりです:

$(function() {
var mao = $("#" getParam("m")); //Getアンカーポイント
if ( mao.length > 0) {// オブジェクトが存在するかどうかを判断します
var pos = mao.offset().top;
var poshigh = mao.height(); 🎜>$("html,body" ).animate({scrollTop: pos-poshigh-30 }, 3000);
}
});

上記はスムーズな動きですpos-poshigh-30 これは 30 に減らす方が良いと思います~~

非常に簡単ですが、コード例ほど効果はありません。自分で書いてください〜
声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。