• ベストアンサー

スクロールバーの移動量制御【Javascript】

http://www5.mediagalaxy.co.jp/p-givenchy/skincare/wash/top.html 上のようなページのように、スクロールバーを クリックした時の移動量を制御したいです。 javascriptによる制御だと思いますが、 どなたかわかりやすく教えて頂けませんでしょうか？ 宜しくお願い致します。

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

  • ベストアンサー
  • randman
  • ベストアンサー率51% (17/33)
回答No.1

これはスクロールバーではなくて、ただのボタンですね。ボタンがonClickされたときに、商品画像と解説文が入ったレイヤを移動させているようです。 参考URLでレイヤとタイマーの概念を理解すれば、実現は簡単でしょう。 ※ごく簡単な移動の計算方法の一例です。 //y:レイヤのy座標 //desty：レイヤの移動先のy座標 y=(y+desty)/2; if(desty-y<1.0) { ここで移動終了; }

参考URL：
http://www2s.biglobe.ne.jp/~club_tom/
beautycosme
質問者

お礼

ありがとうございました！ 勉強してみます。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. JavaScript

関連するQ&A

  • スクロールバーのスクロール量の変更

    以前も質問をしましたが回答を頂けませんでした ので、内容を少し変えて質問します。 今、HPを制作しておりましてあるページの 縦スクロールバーのスクロール量（移動量）を 変えたい（1回のクリックでスクロールする幅を 変更したいと思っておりますが、javascriptか 何かで簡単にできますでしょうか？ どのサイトをみても自動スクロールのことに ついてしか書かれていなかったので、本当に 困っています。 どなたか宜しくお願いします。

    • ベストアンサー
    • HTML
  • スクロールバー内の行移動について教えて

    スクロールバーをブログ内に作りました。 中の文書が長いためhref=#aからname=#aまでクリックで移動する、みたいな事をしたのですが、 スクロールバー内の行が移動した時にブログページの行も一緒に移動してしまいます。 解決方法を教えてください

  • ブラウザのスクロールバーの長さを制御

    ブラウザのスクロールバーの制御をしたいのですが、 いい方法が見つかりません。 たとえば、縦の長さ800pxある画像を表示させたときに 500pxまではブラウザのスクロールバーを非表示にさせ、 500px以下になったときにはじめてスクロールバーが表示される形を再現したいです。 この時、例えばブラウザウィンドウの縦幅を480pxにした場合は 差分の20px分のみのスクロールバーが出てきてほしいのですが、 単純にjavascriptで判別させてoverflowの切り替えをしてしまうと、 800px分のスクロールバーが出てしまうのです。 ちなみに画像は背景としてではなく、あくまでも画像として配置したいと思っています。 何かいい方法があればご教授ください

    • 締切済み
    • CSS
  • スクロールバーの制御について（超初心者です

    いつも助けて頂いてます。 ドリームウィーバーを利用しておりまして、いわゆる「タグ」の 概念を一切知らない無知な私なのですがマウス操作等で 解決できるのであれば教えてくださいませ。 現在、３フレームに分かれたＴＯＰページで 構成は、上段１行1列、下段1行２列の３窓です。 左の欄にはメニューを設置し、メニューの押された内容によって 右の欄にリンクされた情報が表示されています。 それはそれでよかったのですが、ふと気になる事が。 右のメインとなる画面に記載されている情報が 1画面内に収まる時は、上下左右共に移動するスクロールバーは 登場しません。 しかし、下へ下へと情報が増えると 上下に移動するべくスクロールバーが登場します。 けど、ついでにって感じで左右のスクロールバーも登場するの 。。。。これ、なんとか制御できないのでしょうか？ （しかも、できるだけソース触るお仕事なく。） 一瞬、もしかして左右に表示し切れないアイテムがあるのか 探して見ましたが、やはり単純に下へ下へ情報が増えただけでも 左右のバーがでてしまいました。 スクロールバーは見た目の感じ 収まり悪いイメージがあるので消して起きたいのです。 こんな高度な技、私のようなド素人でも分かるよう 手引き頂ければ助かります。 宜しくお願いします。

  • スクロールバーの制御

    [チャット使用時にスクロールバーのデフォルトの位置を下にしたい。] PerlによるCGIでチャットを作成しております。 アプリケーションのチャットの場合はレスをすると前の発言の下の行に加えられる 場合が多いです。 しかし、多くのCGIチャットではその逆でレスは直前の発言の上の行に追加 され，より過去の発言をみるためには下方向にスクロールさせます。 私の自作チャットではスクロールバーを最下端に設定したいのですが方法がわからないので教えてください。 本心としてはHTMLのみ(JavaScriptなし)にしたかったのですが調べたところ スクロールバーの色の設定などにJavaScriptを使っている場合が多かったので JavaScriptならできるかと思い質問いたしました。 質問やご回答お願いいたします。 [実行環境] WindowsXP+ActivePerlv5.80+Apache1.3.28+IE6.0 [自分の知識] JavaScript :なし Perl:入門書読んでいる最中。簡単な掲示板程度なら作成可能 HTML：リファレンスを見ながら使う程度 その他Webプログラム知識：入門書レベルのJavaApplet

  • インラインフレームのスクロールバーについて

    インラインフレームのスクロールバーが現れないようにしたいのです。それも、縦方向は残して、横方向のスクロールバーが出ないようにしたいのです。 MacのIEで確認すると（当方はMacintoshでホームページを作成しています）縦方向のみスクロールバーが現れ、横方向は現れません。がWindowsで確認すると縦横ともに現れるのです。 タグではautoとyesとnoしか制御する方法はないのでしょうか？ Javascriptなどでもかまいません。 どなたかご存じでしたら教えてください。お願いします（泣） ちなみにテーブルのセルの中に作っているのですが、タグはこんな感じです↓ <td width="104"> <iframe src="info.html" name="info" width="100%" height="92" frameborder="0"> <p>このページはインラインフレーム対応のブラウザでご覧ください。</p> </iframe> </td>

    • ベストアンサー
    • HTML
  • ホームページビルダー　スクロールバー

    ホームページビルダー超初心者です。 トップページ上に、トピックスをスクロールバーで 部分的に設置したいのですがやり方がわかりません。 教えてください。 履歴がわかるようにスクロールバーを使用して コンパクトにトップページ上に部分的に設置したい。 スクロールバー画面の幅としては縦２行×横３０文字程度の 大きさにしたい。

  • スクロールバーの位置指定

    OS情報：MacOSX ブラウザ情報：Safari 今作成中のホームページの左側にボックスをつくってその中にクリックすると別ページに飛ぶリンクを縦に並べています。ボックス内はCSSでオーバーフロー自動の設定にしているので、下の方のリンクはスクロールしなければ見えません。今の状態は見えているリンクをクリックして別ページに飛ぶ分にはいいのですが、スクロールしてリンクをクリックした場合、別ページに移動した時、またスクロールがトップの位置に戻ってしまいます。これだとそれ以下にあるリンクをクリックしたい時に、いちいち下方向にスクロールしながらでないといけません。そこで、クリックして移動した後、そのページのリンク名が表示される位置でスクロールバーを固定できないか…ということなのですが、何かよい方法はないでしょうか？

  • 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> 上記の文で、「送料について」はスクロールバーがなくて ＯＫなのですが、 「通信販売法」は、スクロールバーを出したいのですが、 上の文では、スクロールバーは出てきません。 （表示サイズで途切れてしまう） どう直せば、スクロールバーが出てきますでしょうか？？

  • VB2005 スクロールバー

    formにPanelと、そのPanelの中にPictureBox（大きさがPanelより大きい画像）を入れてあります。 スクロールバーが出ます。 Private Sub Button1_Click(～～ Panel1.HorizontalScroll.Value = Panel1.HorizontalScroll.Value + 100 End Sub としてボタンによってスクロールバーが移動するようにしたのですが。 実際には、１回目のクリックでPictureBoxの画像が移動、スクロールバー移動せず。 ２回目のクリックでスクロールバーが移動、PictureBoxの画像は移動せず。 と、３回目４回目もこの繰り返しです。 どうしたら一回のクリックでPictureBoxの画像・スクロールバー共に移動できますか？

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

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

質問する