• ベストアンサー

JAVA SCRIPTの縦スクロールについて教えて下さい

JAVA SCRIPTについての質問です。 初心者なもので、よくわからないので教えていただきたいです。 縦に長いHTMLページの場合に、ページ内の特定の場所にリンクさせて(マウスでクリックした際に)スクロールしてその場所まで移動させたいのですが・・・ ページの一番上までスクロールして移動させる方法はわかったのですが、ページの途中の特定の場所でとめる方法がわかりません。 Y軸の値を指定すればできると思ったのですが、なかなかうまくいきません。 どなたか心優しい方、ソースをご教授いただけないでしょうか? お願いいたします。

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

  • ベストアンサー
  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.1

同じページ内にアンカーで飛ばす方法はjava scriptでなくても出来ますが、 「スクロールさせて」となるとやっぱりjava scriptですね。 java scriptの利点はスクロール速度などを調整出来る点でしょう。 欠点はブラウザ依存であるという点です。 これらはすでにサンプル/テンプレ化されてたくさん公開されています。 例を書いても良いんですが、文字数制限もあるのでここでは書き切れません。 今後の勉強のためにも検索してサンプル/テンプレを使いこなすことをお勧めします。 「java script アンカー スムーススクロール」で検索してください。

yamadatama
質問者

お礼

ご親切にありがとうございます。 おかげさまで無事テンプレートで設置することができました。 ただ、JavaScriptはまだ今ひとつ理解できなくて、原理はよくわかっていません。 もしもう一度お答えいただけるようならお聞きしたいのですが、このようなテンプレートというのは、原理のわかっていない素人がそのまま使っていても大丈夫なものなのでしょうか?たとえば、何かウイルス的なものや悪質な動きが仕組まれているものもあるでしょうか? ちなみに今回はSmooth scrolling というものを使ったのですが・・・ →http://www.kryogenix.org/code/browser/smoothscroll/

その他の回答 (1)

  • torayoshi
  • ベストアンサー率62% (910/1449)
回答No.2

ウィルス/悪意のあるコード ハッキリ言ってプログラマやjava scriptを勉強した人でもない限り 原理まで理解して使ってる人の方が少ないでしょう(私もその一人です ^^;) ~でイベントを発生させて変数を~に渡して… なんてとりあえず知らなくて良いんです。 解説を見て漠然と「あ~、そうなんだ…」程度で良いんです(笑) とりあえず希望した動作をしてくれたらね。 ウィルス/悪意のあるコードは可能性としてはあるでしょうけど、 でもそんなの堂々と公開してる人もいないでしょうから、 それほど気にしなくても良いと思いますよ。

yamadatama
質問者

お礼

そうですか、安心しました。 ご親切にありがとうございました。 ほんとに助かりました。 感謝、感謝です。

関連するQ&A

  • Javaスクリプトで画像を縦にスクロールさせたいです。

    Javaスクリプトで画像を縦にスクロールさせたいです。 お世話になります。 ホームページに、流れる画像(リンク付き、複数)を使用したいと思い、 検索したところ以下の参考サイトを見つけました。 http://myako.net/java4/asan/nagare.html こちらでは横スクロールは紹介されているのですが、 それを縦にスクロールさせたいと思い調べてみたものの 恥ずかしながら初心者なものでさっぱり判りません。 どうかアドバイスをください。 よろしくお願いします。

  • java script

    java script マウスに追従する 画像について。 実装はできるのですが、こういった事象で困っています。 「縦スクロールに対して追いついてこない」 「1スクロール分したに移動するたびにおいてきぼりになる。」 このサイトも同じ事になってしまってます。 http://ameblo.jp/ma-reete/entry-10445768523.html という事です。 以下、スクリプトでは間違っているのでしょうか。 回答お願いします。 (当方IE8試用、FFではみれないようですね。) <script language="JavaScript"><!-- function moveImage() { x = event.x; y = event.y; document.getElementById("myIMG").style.left = x; document.getElementById("myIMG").style.top = y; } // --></script> <link href="style.css" rel="stylesheet" type="text/css" /></head> <body onMousemove="moveImage()"> <!--mouse 画像 start--> <IMG src="image/common/mika002.gif" id="myIMG"> <!--mouse 画像 start-->

  • フレームの縦スクロール

    フレームを使ったページの縦スクロールをさせる方法を教えて下さい。 dir1.htmのソース <HTML> <HEAD></HEAD> <FRAMESET ROWS="900pt,900pt"> <FRAME SRC="dir2no1.htm"> <FRAME SRC="dir2no2.htm"> </FRAMESET> </HTML> dir2no1.htmのソース <HTML> <HEAD></HEAD> <BODY> あああ </BODY> </HTML> dir2no2.htmのソース <HTML> <HEAD></HEAD> <BODY> いいい </BODY> </HTML> この3つのファイルで、dir1をIEで表示した時に、右に縦スクロールバーを表示したいです。 <FRAME SRC="dir2no1.htm"> と <FRAME SRC="dir2no2.htm"> のそれぞれをスクロールさせるのではなく、dir1.htmそのものに縦スクロールを付けたいのです。 実際にはdir1.htmはフレームの子供であり、縦サイズは固定値500です。 <FRAME SRC="dir2no1.htm"> と <FRAME SRC="dir2no2.htm"> の縦サイズは固定値です。ぞれぞれ900ぐらいにしてテストしたいです。 テストではdir1.htmの親フレームは付けずに、IEで直接dir1.htmにアクセスしてスクロールバーが使えることを確認したいです。 900,900の子供を持った500の親だから、親に縦スクロールを付けたいのです。 JavaScripは使えます。 <iframe>を使わないことが条件です。

  • JavaとJavaスクリプトの違い

    JAVAの通信教育を受けるのですが、 JAVAとJAVAスクリプトは同じものだと思ってました。 画像や文字をスクロールさせたりするソースが、 JAVAだと思ってました。 JAVAとJAVAスクリプトの違い、JAVAとは何か分かり易く教えてください。

    • ベストアンサー
    • Java
  • ジャバスクリプトに関して教えてください。

    ジャバスクリプトで質問です。 表A 商品番号  商品名 C001    りんご A003    みかん B015    スイカ 上記をHTMLで表にした際に一番左の商品番号の値を取ってきて基本と成るURL http//kihon/url/ の最後に商品番号をつけてURLとしてウィンドウを開いていく事って可能でしょうか? http//kihon/url/C001 http//kihon/url/A003 http//kihon/url/B015 これらのウィンドウを別ウィンドウで出したいです。 更に同一ページ内でジャバスクリプトを組み込む事ができなくて、できればフォーム分けしたページでの取得と、別ウィンドウで開くと言う形でしたいのですが… まだまだ勉強中でこの値をとってくること、更にその複数のデーターをひとつずつに分けて開くと言うやり方がわかりません。 どなたが教えていただけませんでしょうか? ジャバスクリプトに関しては本当に基本的なことの一部くらいしかわかりません… 質問の仕方が悪くて大変申し訳ないです。

  • マウスでページを横スクロールさせる方法

    縦方向にスクロールさせることはできましたが横スクロールの方法がどうしてもわかりません。 縦スクロールのやり方も下のスクリプトより簡素化できますでしょうか? <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> function mScroll(){ scrollTo (0,(document.body.scrollHeight-document.body.clientHeight)*event.y/document.body.clientHeight); } </SCRIPT> </HEAD> <BODY onmousemove="mScroll()"> </BODY> </HTML>

  • ジャバスクリプト機能の繰り返し表示の仕方を教えて!

    ジャバスクリプトについてはまったくの素人です。 ジャバスクリプトを使って ラジオボタンで表示する画像をかえる機能を下記サイトから見つけました。 http://www.sky.sannet.ne.jp/masapine/java_gazou.html この機能を添付ファイルのように、同一Webページ内で繰り返して表示し使いたく、プログラムのソースをHTMLのbodyの中に繰り返しコピペしてみたのですが、機能しなくなってしまいます。 同一Webページ内に当該スクリプト1つであれば機能するのですが、2つ以上になると、すべて機能しません。表示するのには方法があるのでしょうか?それともこのようなことは不可能なことなのでしょうか? どなたかこの疑問にお答え頂ければ幸いです。宜しくお願いします。

  • ページトップへスクロール

    webページをスクロールしていくと最後に「ページトップへ」のようなリンクがあって、クリックするとスクロールしてページトップでゆっくり止まるjavaを使用しているんですが、javaをオフにしているユーザーのために、同じリンクボタンで普通のアンカーでトップページに切り替わる(name属性を使った方法)のも併用したいのですがどうすれば良いのでしょうか。 リンク部分のソースはこれです。 <a href="javascript:pageup()">pagetop</a>

  • Java Scriptで「ページを開いたとき小さなウィンドウを開いて動かす」

    Java Scriptで「ページを開いたとき小さなウィンドウを開いて動かす」にはどうしたらいいでしょうか? できたらソースを教えて下さい。

  • Java Script で別ウィンドウを開く

    Java Script で別ウィンドウを開く仕組みの中で、親ページの中でいくつかリンクをクリックして複数のページを見るときに、はじめに開いた別ウィンドウのなかで表示サイトが切り替わっていくソースを教えてください。(クリックのたびにウィンドウが開かないようにする。という意味です。)

専門家に質問してみよう