- ベストアンサー
スクロールバーを無くしたい
フレームを使うとき、スクロールバーの有無を <FRAME Src="***.html" Name="menu" Scrolling="no"> のようなタグで決めるのは調べてわかったのですが、 フレームを使用せず、普通の一つのhtml文書でスクロールバーを非表示にする方法はありますか？
- HTML
- 回答数4
- ありがとう数5
- みんなの回答 （4）
- 専門家の回答
質問者が選んだベストアンサー
<BODY scroll="no"> あるいは <BODY style="overflow : hidden;"> で消せます。ちなみに、overflow はBODY以外のタグにも（例えばDIVタグなんか）にも使えます。 ＩＥに限り overflow-x : hidden; で横方向、 overflow-y : hidden; で縦方向のスクロールバーだけを消せます。 でも、Ｗｅｂの場合、画面の解像度の違いや、文字サイズを拡大したときに表示できなくなってしまう場合もあるので、気をつけて使ってください。
その他の回答 (3)
- ombre
- ベストアンサー率43% (100/230)
<BODY scroll="no">では、どうでしょう？
お礼
こんな簡単な記述だったんですね。 これはcssじゃないのですね。これがいいかな？ 参考になりました。ありがとうございました！
- fuzise-rina
- ベストアンサー率28% (18/63)
ふつうのでいいんですよね・・？ このタグをＨＥＡＤ内にいれれば大丈夫だとおもいます。 違っていたらすみません。 <style type="text/css"> <!-- body{ overflow-y:hidden; } --> </style> リンクはイチゴヒメさんです。タグが載っています。
- 参考URL：
- http://chu.itigo.jp/
お礼
試してみたら、いきました～。 ありがとうございます。 サイトの方も参考にさせていただきました！ ありがとうございました。
- naonaonaonao
- ベストアンサー率29% (40/137)
1ページの行数を短くするか、 壁紙と同じ色にスクロールバーの色を変更することはどうでしょう タグにあんまし強くないのでこれくらいで。。
お礼
スクロールバーの色ですか～。なるほど。 ぺージの拡大縮小のボタンを設置するので、 これもアリかも…。参考になりました。 ありがとうございました。
関連するQ&A
- 下に表示されるスクロールバーの消し方を教えてください。
下記のようにtitle（上）、menu（右）、main（左）と、３つのフレームを分けて表示していますが、 <frameset rows="60,*" border="0" frameborder="0" framespancing="0"> <frame src="title.html" name="head" scrolling="no"> <frameset cols="130,*" border="0" frameborder="0" framespancing="0"> <frame src="menu.html" name="menu" scrolling="auto"> <frame src="cont.html" name="main" scrolling="auto"> </frameset> </frameset> *で表示しても、main（右）のフレームの下にスクロールバーが出てしまいます。右端の上下のスクロールはいかしたまま、下のスクロールバーを消すには、どのようにすればよいのでしょうか？ 分からなくて困っています。もし分かる方是非教えてください。 現状はこんな感じになってしまっています。http://www.twinklecloset.com/index.html
- ベストアンサー
- HTML
- 横スクロールバーについて
Dreamweavwe8にて作業しています。 製作した画面はフレーム構造のメインコンテンツを表示する部分なのですが、フルＣＳＳにて製作、確認画面でその画面だけを表示すると縦スクロールだけが表示され、横スクロールは通常時は表示しませんが、 INDEXを立ち上げ、フレームの一部としてみた時、横スクロールが表示されます。 それは、縦スクロールが消えるサイズまで広げると消えるのですが、縦スクロールがある間は表示されます。 ページの設定でスクロールは自動にしてあります。 フレームの設定は、 <frameset cols="166,*" frameborder="NO" border="0" framespacing="0"> <frame name="leftFrame" noresize scrolling="NO" src="menu.html"> <frameset rows="135,*" cols="*" frameborder="NO" border="0" framespacing="0"> <frame name="topFrame" noresize scrolling="NO" src="header.html" > <frame name="mainFrame" src="top.html"> </frameset> </frameset> としてあります。 ここで何か設定が必要なのでしょうか？ 私が困っているのはtop.htmlのところです。 解りにくくてすいませんが、よろしくお願いします。
- 締切済み
- HTML
- フレーム分割した全体をスクロールバーで動かせないでしょうか？
フレーム分割したホームページをスクロールバーで上下したいのですが、書き方が分からなくて困っています。お分かりになる方がいらっしゃいましたら、教えて下さい。 尚、当方htmlでようやく簡単なページが作れるレベルです。宜しくお願い申し上げます。 尚、フレームの割り方が違う時はそちらもお教え下さいませ。 <HTML><HEAD> <META Http-Equiv="Content-Type" Content="text/html;charset=Shift_JIS"> <TITLE>フレーム分割</TITLE></HEAD> <FRAMESET Rows="195,*,50" Frameborder="1"> <Frameset cols="10%,80%,10%" Frameborder="1"> <FRAME Src="./frame1.html" name="f1" Scrolling="no"> <FRAME Src="./frame2.html" name="f2" Scrolling="no"> <FRAME Src="./frame1.html" name="f3" Scrolling="no"> </Frameset> <Frameset cols="10%,20%,60%,10%" Frameborder="1"> <FRAME Src="./frame1.html" name="f4"> <FRAME Src="./f001.html" name="f5" scrolling="no"> <FRAME Src="./f002.html" name="f6" scrolling="no"> <FRAME Src="./frame1.html" name="f7"> </Frameset> <FRAME Src="./end.html" name="f8" scrolling="no"> <NOFRAMES>恐れ入りますがフレーム対応ブラウザでご覧下さい</NOFRAMES> </FRAMESET> </HTML>
- ベストアンサー
- HTML
- html、スクロールバーを表示させない（横だけ）
HTMLでフレームのスクロールバーを表示させないには <frame>、<iframe>タグの属性、scrolling="no"とすればよいのですが それでは縦のスクロールバーも横のスクロールバーも消えてしまいます。 自分は横のスクロールバーのみ消して縦のスクロールバーのみ残したいのですがどうすればいいでしょう？ 補足：上下にのみ動かせるページを作りたい。ということ。 わかるかたどうかお願いいたします。 HTMLでムリでしたらJavaScritpなどでもかまいません（が、解説、もしくは解説ページを教えていただかないと自分はJavaScriptが打てませんので・・・よろしくお願い致します。）
- ベストアンサー
- ホームページ作成ソフト
- ＤＭＭＸ2004のフレームのスクロールバーがっ！
はじめて投稿させていただきます。 ＤＭＭＸ2004でフレームのページを作っているのですが、左側のメニューから右側のメインページをターゲットにして飛ぶと、どうしてもウインドウ下辺のスクロールバーが出てしまうのです。 改行のみの単純なページだとしても同じで、サイトの外観を著しく損なうので、どなたかお教えいただけないでしょうか。 ちなみにスクロールバーの設定は自動(auto)になってす（特にいらないときにも出てくる） 以下がフレームのソースです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Frameset//EN" "http://www.w3.org/TR/html4/frameset.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis"> <title>flame</title> </head> <frameset cols="120,*" frameborder="NO" border="0" framespacing="0"> <frame src="menu.html" name="menu" scrolling="auto" noresize> <frame src="main.html" name="main" scrolling="auto"> </frameset> <noframes><body> </body></noframes> </html> それではよろしく御願いします。
- 締切済み
- HTML
- フレームを使ったページ
<FRAMESET ROWS="105,*" BORDER="0" FRAMEBORDER="0" FRAMESPACING="0" NOBORDER> <FRAME SRC="menu.html" name="menu" scrolling="no" noresize marginwidth="0" marginheight="0"> <FRAME src="main.html" name="main" scrolling="no" marginwidth="0" marginheight="0"> </FRAMESET><noframes></noframes> 上記フレームを使ったページを更新ボタンで更新すると横にスクロールバーが表示されます。 スクロールバーがでるのは上のページ（menu.html）で下ページ（main.html）にはでません。 win（Netscape,IE）で確認するとでないのですがMac（IE）だとスクロールバーがでてしまいます。 どうすれば解消できるでしょうか。 教えて下さい。 よろしくお願いいたします。
- ベストアンサー
- HTML
- スクロールバーを下げた状態をデフォルトに
<iframe src="hoge.html" scrolling="auto"></iframe> とやって、hoge.htmlを表示しています。 フレームのサイズは固定です。 が、デフォルトでは、hoge.htmlの見たい部分はスクロールさせなければ見れません。 また条件として、hoge.htmlはこちら側で触れず、<a name>等の指定もありません。 そこで、デフォルトで、スクロールバーをある程度下げた状態で表示させたいのですが、そう言ったことが出来るでしょうか？
- 締切済み
- HTML
- 自動スクロールさせる際にスクロールバーを消しても動作させるには？
javascriptを使って、１つのフレームの内容を自動で横にスクロールさせる際 フレームセットの「SCROLLING=no」を設定するとネットスケープでは動作しません。 デザイン面でスクロールバーを絶対に表示させたくないもので・・・。 どなたか、それを回避する方法があれば教えていただけませんか？ 宜しくお願いします。
- 締切済み
- JavaScript
- 横スクロールバーを消したいんです（＞＜）
こんにちは。とっても困っています。 ホームページを作成中ですが横スクロールバーが消えません。以下の プログラムのどこを直したらいいでしょうか。 どうぞよろしく御願いします。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=shift_jis" /> <title>無題ドキュメント</title> </head> <frameset rows="107,318*" cols="777*,1" frameborder="no" border="0" framespacing="0"> <frame src="vxv.html" name="topFrame" scrolling="No" noresize="noresize" id="topFrame" title="topFrame" /> <frame src="UntitledFrame-23"> <frameset rows="*" cols="122,652*" framespacing="0" frameborder="no" border="0"> <frame src="dfg.html" name="leftFrame" scrolling="No" noresize="noresize" marginwidth="0" id="leftFrame" title="leftFrame" /> <frame src="main.html" name="mainFrame" id="mainFrame" title="mainFrame" /> </frameset> <frame src="UntitledFrame-24"> </frameset> <noframes><body> </body> </noframes></html>
- 締切済み
- HTML
- フレームがきれいになりません。
下記のように上と、左右で３フレームを分けて表示していますが、 <frameset rows="60,*" border="0" frameborder="0" framespancing="0"> <frame src="title.html" name="head" scrolling="no"> <frameset cols="130,*" border="0" frameborder="0" framespancing="0"> <frame src="menu.html" name="menu" scrolling="auto"> <frame src="cont.html" name="main" scrolling="auto"> </frameset> </frameset> *で表示しても、左のフレームの下にスクロールバーが出てしまいます。どのようにすれば直るのか初心者のため分からなくて困っています。もし分かる方是非教えてください。 現状はこんな感じになってしまっています↓ http://www.twinklecloset.com/index.html
- 締切済み
- HTML
お礼
縦横指定ができるのですね。 便利ですね！ そうなんです、文字サイズの変更をできるようにしてあるサイトなので、 スクロールできないと困るかもしれない場面も あるのですよね。 大変参考になりました。ありがとうございました。