![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
あまり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ランキング
-
スライドを最後の画像で止めたい
-
ページ内リンクで#などのアンカ...
-
変数の内容を別functionに渡したい
-
Javascriptを使ってQRコード読...
-
SQLのmaxで求めた値を変数に代...
-
jQueryのblockUIをformのボタン...
-
jQueryでxmlの異なるタグ要素を...
-
変数にドットをいれることはか...
-
JavaScriptでtabindexの変更っ...
-
Javascriptの勉強初めました!
-
カンマ区切りのデータを配列に...
-
jQueryで追加した要素がマウス...
-
アコーディオンメニューをブラ...
-
JSONをperlで受け取る方法
-
Ajax・jQueryでGETとPOSTする方法
-
メールを送信するボタンでOutlo...
-
二つのbxsliderをレスポンシブ...
-
多数のCPUを使い同期処理をした...
-
div要素に枠線を指定とページに...
-
jQueryでloadした部分に.jsが効...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
readyStateが4にならない原因
-
tableのtr要素をドラッグ&ドロ...
-
スライドを最後の画像で止めたい
-
ページ内リンクで#などのアンカ...
-
Ajax データが取得できない
-
Ajax.Requestで?を含むパラメー...
-
JScriptでDBへの接続方法について
-
onloadで動かない<DHTML+AJAXア...
-
CSVファイルの文字列の表示につ...
-
Ajaxの結果のページングの方法
-
下記サイトのメニューをフラッ...
-
ランダムなフェードインを作り...
-
変数の内容を別functionに渡したい
-
Twitpicの写真をGoolgeAjaxSlid...
-
【※初歩の質問かもです※】スプ...
-
jQueryでのclassの操作
-
スクリプトで<div id="links">
-
jqueryでタグの中にある文字が...
-
Ajax.Updater で受けたHTML中の...
-
【再質問】計算(入数*単価)...
おすすめ情報