• ベストアンサー

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

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

  • HTML
  • 回答数3
  • ありがとう数2

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

  • ベストアンサー
回答No.2

以前の質問を見たのですが、参考サイトの方法のようにレイヤーを使うやり方ではなく、スクロールバー自体の制御をする方法ということでしょうか。 参考サイトの方法は▼をクリックしたときにレイヤーを一定量動かすことでできます。 この方法は、画面全体ではなく一部を動かす方法です。 スクロールバー自体を制御するのは、ブラウザやマウスの設定に依存してしまうので難しいと思いますが、 bodyタグ内にonScrollやonMouseDown、onKeyDownなどでファンクションを動かして、 p1 = document.body.scrollTopで現在の座標を取得 →document.body.scrollTop = p1+100; などで指定した場所を表示する という方法でできます。 ただ、依存の量だけ一度スクロールした後に指定した位置に移動するので見苦しい感じが否めません。 他にも方法はあると思いますがとりあえず参考までに。。。

beautycosme
質問者

補足

ご回答ありがとうございます。 実は、ページ内にインラインフレームを 配置しておりまして、そのフレームのスクロール バーを制御したいと考えておりました。 何かいい方法はないでしょうか?

その他の回答 (2)

回答No.3

インラインフレームを使っているならば、 フレームのスクロールバーを非表示にし、フレーム内の右端に▲▼などの画像入ったレイヤーを固定してコンテンツをスクロールさせるのがいいと思います。 参照にあった方法です。

beautycosme
質問者

お礼

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

  • takasebou
  • ベストアンサー率42% (61/144)
回答No.1

えーっと以前私も似たような事を探してまわった事があるんですが。 結論として「出来ません」 私が知らないだけで、何らかの方法があるかもしれませんが……。たぶんブラウザ側の制御に全てまかせっきりだと思われます。

beautycosme
質問者

お礼

ありがとうございます。 あるようでないんですね。 別の方法で解決してみます。

関連するQ&A

  • スクロールバーがおかしいのですが・・。

    ホームページビルダー17を使っています。古くてスミマセン。今朝までうまくいっていたのですが。 質問ですが、私のHPで右端のスクロールバー(背景と同色の色をつけています)が色は出ないし、上下しません。 3つのフレームページを使っていますが、2つの頁ではフレームページの属性でスクロールバーの設定をナシにしていますが、右端の頁ではスクロールバーの設定を自動にしています。ビルダーのプレビユーでは作成したままを表現してくれるのですが、パソコン上の私のHPの縦に長い頁では動きません。ただ、ホイールボタンを使用すると上手くスクロールしてくれるのですが・・・。他のPCではどうなのでしょうか。互換表示もやってます。URLはhttp://mustang.c-mash.co.jpです。もしくは「きもの風土記」で検索できます。 私のHPを開くと右にグレーのスクロールバーがあります。ページをせばめると、当然のことながら下にスクロールバーが出ます。下のスクロールバーでページを広げると、私の本来のHPのスクロールバーが出てきます。言うならば、スクロールバーの中に私のHPがある形になっています。右のスクロールバーが二つあるという形です。もちろん私のHPだけで、ヤフーとか他のHPは正常に見られます。 どなたかよろしくお願いします。 ※OKWAVEより補足:「富士通FMV」についての質問です。

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

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

  • スクロールバー

    現在HPを製作しています。 その過程で出た問題なのですが何かヒントになるような情報があれば教えていただければと思い、質問します。 HPの型としては、フレームを使って上下に分割されたものです。 起こった問題の現象としては ・下フレームで縦にスクロールバーが発生した時に、(おそらくスクロールバーの幅分)横スクロールバーが出現してしまいます。 ・こうして発生した横スクロールバーはブラウザの横幅を広げても消えません。 ・縦スクロールバーが消えると同時に消えます。 どうにかして縦のスクロールバーが出ても横は出ないようにしたいのですが、現在ヒントとなるものがなく闇雲に原因を探している状態です。 もしこのような現象に対してヒントのようなものをお持ちの方がいましたら。 知恵を貸していただきたいと思います。 よろしくお願いします。

  • 【一太郎2017】スクロールバーの幅変更

    Surface Pro 4に一太郎2017をインストールして使っています。 スクロールバーの幅が一太郎2017だけ非常に太く、エクスプローラやその他のアプリケーションと比べると2倍近くあります。2つの文書を左右に並べて作業するので、縦スクロールバーに作業領域をかなり喰われて困っています。 一太郎2017では、スクロールバーの幅を変更することはできないのでしょうか。

  • スクロールバー

    インラインフレームの縦スクロールバーは表示して 横スクロールバーは表示しないようにするには どうしたらよいでしょうか? フレームの枠を中に表示するHTMLのWIDHTより大きく 設定してるんですが、どうしても横スクロールが出て しまいます。 フレーム内に表示するページの幅って設定できるんですか? 詳しい方よろしくお願いします。

  • スクロールバーが出ない

    ホームページビルダー7を利用してます フレームで縦二つに分割しているページがあります 右のページはスクロールバーが出るのですが 左にはでません フレームの属性で、スクロールバーがなしになってたので 自動にしたのですが直りません 転送が出来てないのでしょうか? フレームの属性を変えたときのあとは転送はそのページを転送するのではなくほかの方法がありますか? ちなみに、プレビュー画面ではちゃんとスクロールバーは出てます つたない説明ですが、どうぞよろしくお願いします

  • iframeのスクロールバー

    iframeの中に、 縦のスクロールバーは出てもいいのですが 横のスクロールバーは出したくないので、表示するファイルはテーブルで幅を固定してるのですが、どうしても横にスクロールバーが出てしまいます。 でないものもあります・・・。 何がいけなくて横のスクロールバーが出てしまうのでしょうか?? よろしくお願いいたします。 ↓こちらです。 http://sound.jp/goldcherry/hp/prof.html wearという欄にどうしても横スクロールバーが出てしまって困ってます。

  • html、スクロールバーを表示させない(横だけ)

    HTMLでフレームのスクロールバーを表示させないには <frame>、<iframe>タグの属性、scrolling="no"とすればよいのですが それでは縦のスクロールバーも横のスクロールバーも消えてしまいます。 自分は横のスクロールバーのみ消して縦のスクロールバーのみ残したいのですがどうすればいいでしょう? 補足:上下にのみ動かせるページを作りたい。ということ。 わかるかたどうかお願いいたします。 HTMLでムリでしたらJavaScritpなどでもかまいません(が、解説、もしくは解説ページを教えていただかないと自分はJavaScriptが打てませんので・・・よろしくお願い致します。)

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

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

  • ★質問★スクロールバーを使わずに、スクロールをする

    皆様、お世話になります。 質問です。 ※i frame での使用です スクロールバーを使わずに、スクロールをする 技ってありますか? フレーム内は、他のサイトのページが閲覧できるように なってますが、超縦長なのでスクロールバーが出ます。 単にスクロールバーを「消す処理」の設定すると、 フレーム内は見れなくなりますし。。。 付け足すと、スクロールバーを使わない代わりに、 何か変わりになるボタン?(GUI) を割り当てて、それをクリックする事で 上下させたいのですが。。 ※中身の内容を自動で上下させるのではありません ↑マーキー見たいなものではないです。 あくまで、オンマウス的な技。 FLASH以外でお願いします。 説明が下手で恐縮です。。。。orz 何卒宜しくお願いします。 助けてください。。。

    • ベストアンサー
    • HTML

専門家に質問してみよう