あまりjavascriptについて理解しておりませんので、用語などの使い方が正しくないかもわかりませんが、ご容赦くださいませ・・・。
ページ内リンクをする際、下記のKAZUMIX氏が公開されておられる
scrollsmoothly.jsをつかって、ページをつくっているのですが、
http://d.hatena.ne.jp/KAZUMiX/20080418/scrollsmo …
このままですと、#section2へ移動すると、もちろんながらアドレスバーには
hogehoge.com/#section2 となります。
コリス氏の公開されておられるページスクロース(縦のみ)
http://coliss.com/articles/build-websites/operat …
で移動する際は、どのアンカーに移動する際でも
hogehoge.com/ のままです。
上記のKAZUMIX氏の公開されておられるscrollsmoothly.jsを
どのようにすれば、アドレスバーに#をいれずに移動することができますでしょうか?
No.1ベストアンサー
- 回答日時:
scrollsmoothly.jsのソースコードの
function scroll(){}内にある
location.hash = targetHash;
を↓のようにコメントアウトするだけです。
function scroll(){
var currentX = d.documentElement.scrollLeft||d.body.scrollLeft;
var currentY = d.documentElement.scrollTop||d.body.scrollTop;
var vx = (targetX - currentX) * easing;
var vy = (targetY - currentY) * easing;
var nextX = currentX + vx;
var nextY = currentY + vy;
if((Math.abs(vx) < 1 && Math.abs(vy) < 1)
|| (prevX === currentX && prevY === currentY)){
// 目標座標付近に到達していたら終了
scrollTo(targetX, targetY);
scrolling = false;
//location.hash = targetHash;
prevX = prevY = null;
return;
}else{
// 繰り返し
scrollTo(parseInt(nextX), parseInt(nextY));
prevX = currentX;
prevY = currentY;
setTimeout(function(){scroll()},interval);
}
}
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptで移動ボタンを押した際に遷移するボタンを追記したい 1 2022/11/29 03:02
- JavaScript スマホ上で、左右スワイプで次のページに移動させたいです 2 2022/11/11 17:04
- HTML・CSS HTMLを正しく表示させるには 2 2023/06/18 09:12
- その他(IT・Webサービス) 301リダイレクトの使い方について 7 2022/04/05 17:50
- Excel(エクセル) ExcelのVBAでWordを読み取り専用で開いて、見たいページに自動で移動する方法を教えて頂きたい 4 2022/07/27 10:39
- iPad メモリが16GBのipad proの使い心地は? 1 2022/11/30 11:27
- PHP 掲示板のセキュリティについてアドバイスお願い致します 1 2023/08/11 20:44
- Excel(エクセル) 【マクロ】webアドレスにて指定されたCSVファイル【excelソフト表示】を印刷する件 1 2023/02/15 01:52
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- WordPress(ワードプレス) ホームページの階層について 5 2022/11/21 14:48
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
スライドを最後の画像で止めたい
-
readyStateが4にならない原因
-
Selenium4でボタンをクリックで...
-
WebbrowserよりHTMLのValue値を...
-
jquery × php × mysql 非同期で...
-
メールを送信するボタンでOutlo...
-
パソコンで動くjavascriptがス...
-
★大至急!JavaScriptのif文教え...
-
同一ページ移動時ハンバーガー...
-
Jquery で on/offボタンの実装...
-
FullCalendar の複数月表示につ...
-
リンク元のURLのパラメータでペ...
-
JavaScriptでtabindexの変更っ...
-
VBAでIEのHTMLタグの要素を操作...
-
リンク付きの画像をクリックす...
-
jQueryのblockUIをformのボタン...
-
eval、$.eachで順番が入れ替わ...
-
一定時間ごとに表示内容を切り...
-
要素内を常に一番下を表示させたい
-
カンマ区切りのデータを配列に...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
readyStateが4にならない原因
-
変数の内容を別functionに渡したい
-
【再質問】計算(入数*単価)...
-
tableのtr要素をドラッグ&ドロ...
-
Ajaxの結果のページングの方法
-
Ajaxでの、任意の件数でページ...
-
CSVファイルの文字列の表示につ...
-
Ajax.Requestで取得したHTMLソ...
-
スライドを最後の画像で止めたい
-
下記サイトのメニューをフラッ...
-
JavascriptからPHPへのAjax通信...
-
Javascriptを使ってQRコード読...
-
Selenium4でボタンをクリックで...
-
要素内を常に一番下を表示させたい
-
jQueryを使いformでsubmitした...
-
同一ページ移動時ハンバーガー...
-
階層別の組織図の自動作成について
-
JavaScriptでtabindexの変更っ...
-
Googleマップに複数のピンを立...
-
SQLのmaxで求めた値を変数に代...
おすすめ情報