jqueryに基づいて、あるページから別のページの指定された位置にジャンプする実装コード(スムーズな移動の効果付き) 1061 ワード 例えばmaoに踊りたい.aspxのページのdiv id=「s」の位置は指定された位置にジャンプすることができます 今、ユーザー体験を増やすためにページにジャンプしてスムーズにその位置に移動するにはどうすればいいのでしょうか。実は簡単です。あちらからどのdivにジャンプするパラメータを渡せばいいですか。 まず前のページでパラメータを取得する汎用js //パラメータ名から取得したパラメータ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 < ArrParam.length; i++) { if (ArrParam[i].split('=')[0] == pname) { return ArrParam[i].split('=')[1]; } } } } コードは簡単です。現在のurlから希望するパラメータの値を取得します。 $(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これは調整できると思います30に減らしたほうがいいと思います~~ とても简単な効果はコードの例に行かないで自分で书いて游びました~のみ JQueryはDIVコンテンツの変化をどのように監視するか カートに商品を追加