• ベストアンサー
  • 困ってます

スクロールバーを無くしてすくロースさせたい!

タイトルのままなのですが、現在ページを作っているのですがデザインの関係からスクロールバーを表示させない仕様になりました。 CSSは、 overflow:hidden; の設定を試してみました。 しかし、この状態では当然はみ出したページ部分を読むことが出来ず困っております。 イメージとしては、overflow:hidden;の様にスクロールバーが無くなった状態でそのままスクロールできればと考えております。 フレーム方式にしたら出来るような記憶がありますが、何れにしてもフレームは使用したく無いです…。 どなたか、実現する方法をご存知の方いらっしゃいましたら、アドバイスを頂けますと助かります。 宜しくお願いします。

共感・応援の気持ちを伝えよう!

  • 回答数1
  • 閲覧数84
  • ありがとう数0

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

  • ベストアンサー
  • 回答No.1
  • hirotn
  • ベストアンサー率59% (147/246)

過去の同様の質問を参考までにお示しします。 http://detail.chiebukuro.yahoo.co.jp/qa/question_detail/q1469072059

共感・感謝の気持ちを伝えよう!

関連するQ&A

  • overflow:hiddenでスクロールバー

    <div id="header"> <div id="main"> <div id="footer"> の構成でそれぞれにoverflow:hiddenをCSSにて記述しています。 最近 main 部分がはみ出すとブラウザにスクロールバーが 出ることに気付きました。 色々調べた結果、bodyに直接overflow:hiddenを 書けば良いことが分かりました。 ええっとそういうものなのでしょうか。ちょっと変に感じてますが。

    • ベストアンサー
    • CSS
  • スクロールバーのデザインを変えたい

    CSSの設定で div#information { height: 150px; overflow: scroll; } という風に記述した時に現れるスクロールバーのデザインを変えたいのですが、IE以外でも対応している方法はないでしょうか? スクロールバーのデザインを変えるいい方法がありましたら教えて下さい。

    • ベストアンサー
    • HTML
  • overflow:scrollのスクロールバーのデザイン

    overflow:scrollのスクロールバーのデザイン 自分のHPで、あるリストを overflow:scroll にして、縦横指定して使っているんですが、その時のスクロールバーのデザインって変えられないのでしょうか。cssで、bodyに打ち込んでもダメ、そのリストのclassで指定してもダメでした。 どなたか分かる人があれば教えてください。

  • フレーム内のレンタル掲示板のスクロールバー。

    フレーム内にレンタル掲示板をリンクさせて置いたのですが、そのページだけスクロールバーのデザインがデフォルト状態になってしまい、何か不細工です。 ちなみに、その掲示板のカスタマイズの範囲として、スクロールバーは含まれていないようです。 このような場合、フレーム内のスクロールバーのデザインを制御する方法はないのでしょうか?

    • ベストアンサー
    • HTML
  • CSSでの擬似フレームでのフレームのスクロールバーのサイズについて

    CSSで擬似フレームとしてoverflowのautoなどを使う方法がありますが、 そこで出来たフレームの枠にスクロールバーがあり、このスクロールバーのサイズをウインドウサイズの大小に合わせて可変させる事はできるものなのでしょうか? 通常のiframeを使用したインラインフレームであれば、ウインドウサイズを大きくしたり小さくしたりするとそれに合わせてスクロールバーの大きさも変わるのですが、CSSでの擬似フレームの場合、それが出来るのかどうか知りたいです。 分かる方、いらっしゃいましたらお願いいたします!

  • IE7の<div>のバグ

    IE7でgooglemapの表示がおかしくなります。 <div id=&#65374;>で指定した、googlemapを表示させる部分だけ、 スクロールしても左下に必ず表示されるようになってしまいます。 しかもスクロールバーの上にマップが出てくる状態になってしまっています。 親ページのcssに overflow:hidden その下に overflow:auto が設定されています。 フレームが上下に分かれていて、外枠のスクロールは表示せず、フレーム下部のスクロールだけ表示させるためです。 mapはフレーム下部に設定しているのですが、どうやら外枠のスクロールの設定に依存しているようです。 floatは使用していません。 <div id&#65374;>にposition:relativeを指定してもだめでした。 一番上位のoverflowではなく、そのひとつ下のoverflowの設定にさせたい場合はどうしたらよいのでしょうか。 他のdivタグはそのようになっています。 また、IE8、IE9でも目的の動きになっています。 IE7だけが上位を見てしまうようです。

  • デザインされたスクロールバーについてです

    いつもお世話になっています。。 デザインされたスクロールバーを使用したくて、 flexcrollというファイルをダウンロードしました。 こちらのサンプルにあるファイルが使用しているものと同じかと思います http://lifescape.seesaa.net/article/51751860.html ファイルは javascriptのflexcroll.jsと cssを2ファイルを使用しています。 こちらでページ内に色を指定したスクロールバーを設置できたのですが、 同じスクロールバーをサイズ違いで、同ページ内に2つ設置したい場合、CSSでは指定が一つしかできないので、同じ大きさのスクロールバーしか設置ができません。 javascriptを2つ用意してCSSのクラス名を変更するれば、同ページ内で2種類のスクロールーが設置できるのか?? よくわかりません。。 どうかご教授お願い致します。

    • ベストアンサー
    • HTML
  • スクロールバーの幅を取得するには?

    対象はIE6&#65374;8です。 CSSの overflow-y: scroll; で表示される垂直スクロールバーについてなのですが、 これは対象領域の横幅がスクロールバーの横幅よりも細いと、スクロールできなくなります。 (使用不可のグレー表示になります) ある機能を実現するために、スクロールバーだけを独立して表示させたかったので、 ぎりぎりの横幅(18px)を指定していたのですが、問題が起きました。 デスクトップでの右クリックから開ける「画面のプロパティ」→「デザイン」で、 フォントサイズを変更したり、あるいは詳細設定でDPIを変更すると、 スクロールバーの幅が変わってしまうために、「ぎりぎりの横幅」も変わってしまいます。 それにより、18pxの指定ではグレー表示となり動かせなくなりました。 この解決策を求めています。 現状としては、JavaScriptでスクロールバーの幅を取得できれば、 初期表示時に補正できるので、一番手軽と考えているのですが・・・ よろしくお願い致します。

  • スクロールバーを表示させないようにするには・・・

    例えば、フレーム分割していないページの スクロールバーを表示させないようにする方法はありますか? ちなみに、ページの縦が1画面内で収まっているので、 スクロールはしませんが。

    • ベストアンサー
    • HTML
  • スクロールバーの非表示

    PC上で操作するシステム画面をhtml+cssで作成しました。 そのhtmlファイルを、アクティブデスクトップに設定して使用する、というものなのですが、画面に出てしまうスクロールバーを非表示にしたいのですが、JavaScriptや、cssで、scroll=hiddenや、overflow:hiddenなど設定をしても非表示にすることができません。(ブラウザでも非表示にできませんでした。) 非表示の設定に関係するかどうかわかりませんが、 html内では、 メッセージをスクロールさせるために、 <body onLoad="scroll()"> の記述と、 タブ操作をするために、フリースクリプトのtabMakerを使わせていただいています。 不十分かもしれませんが、上記の内容で解決の方法はありますでしょうか。よろしくおねがいいたします。