• ベストアンサー

JavaScriptで、ブラウザのスクロール？

JavaScriptで、ページを表示後に一番下にスクロールするように動作させたいのですが どうすればよいでしょうか？ ブラウザはIE6.0を使っております。 JavaScriptはあまり使わないのですが、ブラウザによって動作が異なったり動作しない場合があると 思いますが、上のようなスクリプトは簡単にできるものでしょうか？

質問者が選んだベストアンサー

  • ベストアンサー
  • katu0021
  • ベストアンサー率7% (1/13)
回答No.2

下記のように指定するとページを表示後に一番下にスクロールするように動作します <BODY onLoad="scrollDown()"> >JavaScriptはあまり使わないのですが、ブラウザによって動作が異なったり動作しない場合があると 参考URLではその辺も説明されています

参考URL：
http://www.fromdfj.net/javascript/windowscroll.html

その他の回答 (1)

  • BLUEPIXY
  • ベストアンサー率50% (3003/5914)
回答No.1

参考ＵＲＬの＃３の回答（手前味噌）みたいな感じで 一番下になるような部分にＩＤを付けてそこまでの位置を求めてscrollToします。 それでだいたいうまくいくと思います。

参考URL：
http://okweb.jp/kotaeru.php3?qid=1371065
  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • javascriptでスクロール

    下記のhtmlソースでjavascriptでスクロールしてトップに戻るリンクを作ったんですが、WinのIEではスクリプトが効かずnoscript内の通常のアンカーが有効になってしまいます。 Firefoxではjavascriptの有効無効を判断して思った通りに動きます。WinIEでもjavascriptが有効のときはスクロールし、無効の時は通常のアンカーになるようにするにはどうすればいいのでしょうか？ WinIEはセキュリティの設定でjavascriptを有効にしてあります。 <script language=javascript> <!-- document.write('<a href="javascript:pageup()">pagetop</a>'); //--> </script> <noscript> <a href="#pagetop">pagetop</a> </noscript>

  • Javascript使用の固定ナビゲーションの実装

    ページをスクロールしても同じ位置に固定されるナビゲーションバーを実装するのに http://javascript123.seesaa.net/article/101299599.htmlさんのソースを利用しました。 ですが実行ページをIEで見ると分かると思うのですが、IEで表示した場合、表示がブレて 綺麗に実装出来ません。IEでも他のブラウザと同じように表示されるようにソースを改変 して直すことは出来ないでしょうか？また何故IEだとこのソースの動作がおかしくなる のかも教えて頂きたいです。

  • IE　ブラウザをスクロールですると画面がぶれたり崩れる

    Firefox・Netscape では問題なく普通に表示されるのですが、 IEでページ（HTMLに画像やswfがのっかっているごくごく普通のページ） を表示して、ブラウザのスクロールやマウスについてるスクロールなどで ブラウザをスクロールすると、 画像がぶれたりFlash のレイアウトがくずれたりします。 （画像がFlash の上に重なったり…） いろいろ試してみましたが、 （Flashの比率など関係ありますか？？650×472です。。。） なにが原因なのかさっぱりわからず、 一週間以上格闘中です、、、 どうか解消方法を教えてください。 お願い致します。

  • JavaScriptが動きません

    下記のようなJavaScriptを作りましたが、IE8ではボタンを押しても「ようこそJavaScriptへ」が表示されません。 「F12 Web開発者ツール」というのをチョッとイジったのですが、その為ではないかと思います。 どこをどうイジったか覚えてません。 どうすれば動作するようになるでしょうか、教えてください。 動作状況 　サーバーに置いてアクセスした場合は、「FireFox」「IE8」とも表示される。 　ローカルデスクに置いてアクセスした場合は、「FireFox」では表示される、「IE8」では表示されない。 ☆OSはWindowsXP。 ☆IE8のセキュリティ設定で「アクティブスクリプト」は「有効にする」になってます。 ------JavaScript----------- <HTML> <BODY> <FORM> <P> <INPUT TYPE="submit" VALUE="ここを押すとメッセージが表示されます" ONCLICK="HelloWorld()"> </FORM> </BODY> </HTML> <SCRIPT LANGUAGE="JavaScript"> <!--Hide script from no-JavaScript browsers function HelloWorld() { alert("ようこそJavaScriptへ"); } //--> </SCRIPT>

  • Javascriptでブラウザ振り分け。

    Javascriptでブラウザ振り分け。 Javascriptでブラウザの振り分けを行いたいと思います。 振り分けをする対象は 『IE7以前 <--> IE8以降』 サイトを徘徊して色々見て周ったのですが 一番簡単な方法として if(navigator.appVersion.indexOf("MSIE 5",0) != -1) alert("IE5ですね") の記述を見つけました。 が、上記のスクリプトはIE5のみを判定するスクリプトで IE7以下、IE8 の振り分けではなく困っています。 引数として文字列が返ってくるのであれば演算子を 『>』等では難しそうですし・・・。 良い方法はありませんでしょうか？ よろしくお願い致します。

  • Javascriptで開いたWindowのスクロール

    <SCRIPT language="JavaScript"><!-- function openWin2() { window.open("http://www.OOOO/hanbai.htm","通信販売法","width=636,height=250,menubar=no,location=no,left=10,top=30") } // --></SCRIPT> <SCRIPT language="JavaScript"><!-- function openWin1() { window.open("http://www.OOOO/souryou.htm","送料について","width=579,height=240,scrollbars=no,location=no,menubar=no,left=10,top=30") } // --></SCRIPT> 上記の文で、「送料について」はスクロールバーがなくて ＯＫなのですが、 「通信販売法」は、スクロールバーを出したいのですが、 上の文では、スクロールバーは出てきません。 （表示サイズで途切れてしまう） どう直せば、スクロールバーが出てきますでしょうか？？

  • location.hrefはブラウザごとに異なる？

    phpなどで動的ページでhtmlを出力しています。 一覧で複数ジャンルを表示させているのですが、 静的ページなら<a name="xx">スクロール先</a>を使って 該当ジャンルまでスクロールさせて表示できますが、 動的ページのため、javascriptを用いてIEでは動作確認できましたが FireFoxやSafariでは、location.href="#jmp";では<a name="jmp"></a>に 移動しませんでした。 すべてのブラウザで同じ動作をさせる方法はありますか？ FireFox, Safari個別の方法でも構いません。

  • パワーポイントにてマウスのスクロールについて

    パワーポイントにてマウスの上スクロールを行い、前のページに移るとき、ファイルによって ・ページが変わる（前のページの先頭ばかり移動） ・ページ内でスクロールする（前のページの下から上へスクロール） の２パターンがあります。 下スクロールの場合は、次のページに行ったらページ内の上から下へスクロールしていきます。 上スクロール時も下スクロール時みたいにページ内スクロールをさせたいのですが、何処で設定をしているのかがわかりません。 同じPCでファイルによって動作が違うのでマウスの設定では無いようです。 ちなみに表示は自動調整(１ページを画面いっぱいに表示)よりも大きく表示させています。自動調整時は上スクロールも下スクロールもページが変わるようになっています。 以上、よろしくおねがいします。

  • JavaScript スクロール制御

    javascriptの動作についてご教授下さい。 ウィンドウ画面が横1275px 縦925pxで パージ内容が横長の横2350px 縦925pxの ページ全体を横軸スクロールで表示可能なサイトで、 <img>タグで画像を非表示（配置はセンター付近）し、 ある画像リンクへの文字列をクリックでjavascriptから その<img>を非表示から表示に切り替えています。 (ページイメージ) 　　　　　　　　　　　　　　　　　　　　　　　|リンク文字位置| 　　　　　　　　　　　　　　|img位置| 横2350px----------------------------------------------------→ で、今回の質問なのですが、リンク文字はページ右辺に配置しており javascriptからimgを可視化するとスクロールが初期位置(横0)に戻ってしまいます。 スクロール位置はそのままで画像の可視化・非可視化を切り替えたいのですが、ムリなのでしょうか？？ いちよう可視化後に scroll()でスクロールの位置を指定していても スクロールが初期位置(横0)に戻ってしまいます。↓↓↓ この現象はJavaScriptの仕様なのでしょうか？？ 横長のページであることと、リンク文字の配置は仕様として 変更できないものとお願いいたします。 環境 WinXP SP3 IE8(8.06) 画像切り替えソース //引数urlの画像をimgで表示する関数 function visi(url) { 　//imgのプロパティを取得 　var jpg = document.getElementById('jpg_link'); 　jpg.style.visibility = "visible"; jpg.style.display = "block"; jpg.src = url; 　//scroll(1500,0); ←　1500まで行くが初期位置に戻る・・・ }

  • ブラウザのスクロールバーでスクロール領域を限定したい。

    ブラウザのスクロールバーでスクロール領域を限定したい。 お世話になります。 左に縦長のswf、真ん中にコンテンツ、右に縦長のswfを表示するページを作ろうと 思っています。 そして、swfは表示されてなくてもいいようなものとして、 ブラウザの下の横スクロールバーには、 真ん中のコンテンツの範囲内だけを移動できる横スクロールバーとしたい と思っています。 つまり真ん中のコンテンツが隠れた場合にスクロールバーが出てくるが、 swfが隠れただけでは出てこない、 そして、スクロールバーをめいっぱいスライドしても、コンテンツの端までしか いけず、swfの端まではいかない、というものです。 こういったことがJSかCSSで可能なのでしょうか？ おわかりになる方いらっしゃいましたら、 教えていただけないでしょうか？ お手数をおかけしますが、よろしくお願いします。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する