お世話になります。
アンカーを付けないで、ページ最終行へジャンプする方法をhtmlのスレッドでお聞きしたところ
http://oshiete1.goo.ne.jp/kotaeru_vote.php3?q=29 …
JavaScriptなら可能ということでしたので
こちらで改めてお尋ねするしだいです。
<a href="">Top</a> または、 <a href="#">Top</a>
で、そのページの先頭行へジャンプします。
同様に、アンカーを付けることなく
ページの最終行へジャンプする方法はないものでしょうか。
よろしくお願いいたします。
No.3ベストアンサー
- 回答日時:
> <a href="">Top</a> または、 <a href="#">Top</a>
> で、そのページの先頭行へジャンプします。
このやり方は好ましくないです。一つ目の記法ではカレントディレクトリのトップへ飛ばすブラウザが存在し、二つ目の記法では先頭行へ移動せずその場にとどまるブラウザが存在します。
環境によって挙動が異なる記法を用いるのは余り好ましいと言えないでしょう。
HTMLで先頭の行に飛ばすときもラベルを指定することが必要です。
で、javascriptで最終行にスクロールさせたければこういうのが便利だと思いますよ。
(TAG Indexにあったスクリプトを参考にしました:http://www.tagindex.com/javascript/window/scroll …)
<SCRIPT TYPE="text/javascript">
<!--
var speed = 100; // スクロールのスピード(1に近いほど速く)
var move = 5; // スクロールのなめらかさ(1に近いほどなめらかに)
var x = 0;
var y = 0;
var nx = 0;
var ny = 0;
function scroll(){
window.scrollBy(0, move);
var rep = setTimeout("scroll()", speed);
if(document.all){
x = document.body.scrollLeft;
y = document.body.scrollTop;
}
else if(document.layers || document.getElementById){
x = pageXOffset;
y = pageYOffset;
}
if(nx == x && ny == y){
clearTimeout(rep);
}
else{
nx = x;
ny = y;
}
}
// -->
</SCRIPT>
<a href="javascript:void(0);" onclick="scroll()">スクロール!</a>
レスありがとうございます。
早速試してみました。
var speed = 1; // スクロールのスピード(1に近いほど速く)
var move = 1000; //
で、試したところ最終行へ一瞬で移動します。
どうもありがとうございました。
No.4
- 回答日時:
対象リンクのライブラリ集の共通変数を参照して下さい
Windows98版 IE6, NN4, Mozilla で動作確認しているそうです
参考URL:http://www.din.or.jp/~hagi3/JavaScript/JSTips/De …
No.2
- 回答日時:
こんにちは
ん~~質問の意図がよく分からないですけど・・
<a href="">Top</a> または、 <a href="#">Top</a>のようなやり方でいいのなら
最後の行に <a name="**"> とつけて
<a href="#**">最後にリンク</a>
とすればできると思いますけど?
アドレスにはhttp:/~~#**とついてしまいますけど(--;)
**は適当に名前を付けてください
早速レスありがとうございます。
>最後の行に <a name="**"> とつけて
これをしないで、ページ内メニューで最終行へ
ジャンプできないものかと思ったのですが。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Word(ワード) Word のマクロについての質問です。 ボタンを押すと登録したブックマーク先にジャンプする機能(リン 3 2023/08/16 12:17
- PHP PHP MySql ページング 2 2022/09/20 06:38
- PHP PHP ページング データベース 1 2022/06/16 10:30
- Excel(エクセル) エクセルの印刷範囲をページ単位で可変にする方法 3 2022/05/23 13:04
- Word(ワード) WordからPDF保存した時の目次ジャンプ機能について 1 2022/06/10 10:59
- YouTube youtubeのTOPページの動画紹介画面の並び方を変えたいです。 1 2023/03/18 09:25
- PDF こんなPDF作れますか? 6 2022/05/13 11:14
- Word(ワード) ワード2023でテキストボックス内の数字が勝手に変わってしまう 1 2023/02/09 14:47
- JavaScript スマフォではボタンを表示させたくない 2 2023/01/20 14:26
- その他(パソコン・スマホ・電化製品) ノートに貼られた書類のスキャン方法に関する質問 家族の書類をデータ化して整理しています。 その際にS 3 2023/04/07 13:49
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
google apps scriptの終了のさせ方
-
C#OpenCv V4にのエラーに関する...
-
javaScriptのコードの修正をお...
-
アルファベットABCD…をスマート...
-
ASP.NETのコントロールの値をJa...
-
ジェネレーターの作り方
-
VSCODE[Python]の設定について
-
1.gifをホームページ上でランダ...
-
C# 演算 奇数と偶数 表現の仕方
-
カンマで終わってるのはセミコ...
-
ASP.NET MVCでObjectをjsに渡す
-
JavaScriptが期待どおりに動い...
-
GASでundefinedエラーが出ます
-
cgiでポーリングして取得したデ...
-
googleスプレッドシートのApps ...
-
AM,PMの時間表示について
-
setTimeoutによる繰り返しが途...
-
html javascript リンク先アド...
-
特定のclassを表示、非表示にする
-
C言語の質問です HTMLでこのよ...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
google apps scriptの終了のさせ方
-
C#OpenCv V4にのエラーに関する...
-
メールフォームの日付入力フォ...
-
GASでundefinedエラーが出ます
-
ジェネレーターの作り方
-
GASでGoogleフォームの自動返信...
-
なぜmatchメソッドがエラーにな...
-
翌月を取得するGASが分かりません
-
ローカルにあるファイルを検索...
-
HTMLで作った時報アプリが動き...
-
ASP.NETのコントロールの値をJa...
-
C# 演算 奇数と偶数 表現の仕方
-
html javascript リンク先アド...
-
gas スプレッドシートがアクテ...
-
javascriptでテーブルに追加し...
-
VSCODE[Python]の設定について
-
JavaScriptで決まった「時刻」...
-
ASP.NET MVCでObjectをjsに渡す
-
イベントが初めの一回しか起き...
-
jqGridについて
おすすめ情報