• ベストアンサー

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
  • x軸にはスクロールしない、ページ内リンクをスムーズにスクロールするスク

    x軸にはスクロールしない、ページ内リンクをスムーズにスクロールするスクリプトを探しています。 こだわりのページ内リンクスムーズスクロール scrollsmoothly.js http://d.hatena.ne.jp/KAZUMiX/20080418/scrollsmoothly などを色々試しまして、同ページ内のリンクはきれいに動くのを確認しました。 サイトはグローバルメニューが左にあり、横幅が広めのデザインです。 問題は、小さい画面閲覧する際、別ページからページ下部のアンカーへ飛んだ場合です。 一旦ページの最上部左に移動してからアンカーへスクロールするため、 斜め下方向へスクロールし、そこからページの先頭へ戻る場合斜め上にスクロールする 動きになります。 クライアントから動きが気持ち悪いというクレームがあったので、 x軸にはスクロールしない方法を探したのですがなかなかうまくいきません。 jQueryのサンプルなど有りましたら教えてください。

  • java scriptだと思うのですが、リンク画像をクリックするとペー

    java scriptだと思うのですが、リンク画像をクリックするとページは変わらずに画面全体が右へゆっくりスクロールし、そこに次のリンクが出てくる…といったHPを作りたいのですが、まだまだ初心者の為、記述方法が分かりません。質問内容に不足があるとは思いますが、ご回答お願いいたします。

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

    縦方向にスクロールさせることはできましたが横スクロールの方法がどうしてもわかりません。 縦スクロールのやり方も下のスクリプトより簡素化できますでしょうか? <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つ以上になると、すべて機能しません。表示するのには方法があるのでしょうか?それともこのようなことは不可能なことなのでしょうか? どなたかこの疑問にお答え頂ければ幸いです。宜しくお願いします。

  • JAVA SCRIPTでこういうのってできますか?

    JAVA SCRIPTでこういうのってできますか? まず、メインページに「こちらをクリック」という画像に htmlの画像リンクをマップを利用してリンクを貼ります。 で、そこをクリックすると、BLANKして小さい画像が 左上に開く、ポップアップウィンドウのような、、。 どうやるんでしょうか?メインページにボディとヘッドに なにかタグを入れるのでしようか?

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

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

専門家に質問してみよう