全画面表示でスクロールバーを表示させない方法
- JavaScriptを使用して、全画面表示でスクロールバーを非表示にする方法について説明します。
- 通常、fullscreen=yesを使用すると全画面表示ができますが、スクロールバーが表示されることがあります。
- 代わりに、widthとheightを指定することで画面サイズを調整し、スクロールバーを非表示にすることができます。
- ベストアンサー
全画面表示でスクロールバーを表示させない方法
JavaScriptで、画面全体を使って test.html を表示させたいと思い、 open( "test.html", "_blank" ,"fullscreen=yes,scrollbars=no" ) としたのですが、どうしても「縦のスクロールバー」が表示されてしまいます。 「fullscreen=yes」の代わりに、「width=xxx,height=yyy」というようにサイズを指定すれば表示されないのですが、全画面表示でスクロールバーを表示させない指定はできないのでしょうか？ (当方の環境：WindowsXP SP1,Internet Explorer 6.0 SP1)
- G_Amino
- お礼率100% (1/1)
- JavaScript
- 回答数1
- ありがとう数3
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
その開くHTMLのBODYを <body style="overflow:hidden"> にしてみたり。
関連するQ&A
- ブラウザサイズをフルサイズで表示させる方法
ブラウザにタイトルバーとスクロールバーとスタートバー以外を表示しないページを作成したいのですが、 XPはOKで、WIN98でうまくいきませんでした。リンク先をクリックすると別ウィンドウが立ち上がる仕組みです。画面サイズに合わせて変わるようなのですが、WIN98では、スクロールバーが途中で切れてしまい、 一番下まで、綺麗に表示できませんでした。これ以外の方法でもかまいませんので、どなたかご伝授いただければと思います。 function wopen(url){ if(screen.width <= 640){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=640,height=480,left=0,top=0") }elseif(screen.width <= 800){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=800,height=600,left=0,top=0") }else if(screen.width <= 1024){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1024,height=768,left=0,top=0") }else if(screen.width <= 1152){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1152,height=864,left=0,top=0") }else if(screen.width <= 1280){ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1280,height=1024,left=0,top=0") }else{ window.open(url,"_blank","resizable=no,menubar=no,status=yes,location=no,scrollbars=yes,toolbar=no,width=1600,height=1240,left=0,top=0") } return; } ： <A href="javascript:wopen('/index.html')">
- ベストアンサー
- JavaScript
- window.openでフルスクリーン表示＆スクロールバー非表示
window.openを使って、別ウインドウをフルスクリーンでスクロールバー非表示で開こうとしました。単純に、 window.open("a.htm","","fullscreen=yes,scrollbars=no"); でうまくいくと思ったのですが、うまくいきません。 解決法をご存知の方がいましたら、よろしくお願いします。 ちなみにブラウザは、IEを使用しています。
- ベストアンサー
- JavaScript
- リンク先の別ウインドウをスクロールバー付きの小窓にしたい
HP製作中です。リンク先を小さめサイズの別ウインドウで開き、縦横にスクロールバーをつけたいのですが、 window.open(url, '_blank','width=600,height=600,left=100,top=10,screenX=100,screenY=10,scrollbars=yes'); と、数字は適当に入れて試してみましたがエラーになるのです。 どこがいけないのでしょうか？ ちなみにホームページビルダーにて製作しております。
- ベストアンサー
- その他（インターネット・Webサービス）
- CSSでスクロールバー
CSSでdivタグにwidthとheightを指定してボックスを作ります。そして、そこにoverflow:scroll;を指定して、そのボックスにスクロールバーを表示させるのですが、下のスクロールバーを表示させないようにするにはどうすればいいんでしょうか？右横の縦方向のスクロールバーは必要ですが、表示させるもののwidthが決まっている場合、下の横方向のスクロールバーが邪魔で仕方ないんですけど。 どなたか教えて下さいませんか？？
- ベストアンサー
- HTML
- iflameのスクロールバーについて
ページ内に、iflameでページを表示しようとしています。 縦に長いページなので、縦にだけスクロールバーを出したいのですが… <iframe src="http://...." width="600" height="400" scrolling="yes"></iframe> こんな感じに設定しています。 ウィンドウズIEではキレイに見えています。 ですが、マッキントッシュIEで見ると、スクロールバーが表示されません。 <iframe src="http://...." width="600" height="400" scrolling="auto"></iframe> にすると、マッキントッシュIEでもスクロールバーがきれいに表示されるのですが、 ウィンドウズIEで、必要のない下の部分（横部分）のスクロールバーまで出てしまいます。 この横スクロールバー、たとえ中味を短くしても、表示されるので…すごーく嫌なのです…。 マッキントッシュと、ウィンドウズ両方で、たて部分だけスクロールバーが出るようにする方法はあるのでしょうか？
- ベストアンサー
- HTML
- 別ウインドウ：スクロールバーが表示されない？
<a href="#" onClick="window.open('http://xxx.html','_blank','width=300,height=300,left='+(window.screen.width-300)/2+',top='+(window.screen.height-300)/2);">リンク</a> 上記のリンクタグで、別窓表示をしているのですが、閲覧者から『スクロールバーが表示されないので、最後まで見れない』と指摘されました。 当方の環境（Mac9.2/IE5.2）では問題なく表示（スクロールが必要な時はバーが表示されます）しています。指摘をされた方の環境が判らず（匿名での指摘でしたので）、もしかしてWin全般ではそうなってしまうのでしょうか？ 正常に別窓で開き、必要であればスクロールバーを表示されるようにしたいです。サンプルタグを教えて頂けると助かります。
- ベストアンサー
- HTML
- CSSだけで、テーブルにスクロールバーを表示させたいのですが…
CSSを使い、テーブルにスクロールバーを表示させたいのですが <div style="height:60px; width:300px; overflow-y:scroll;"> <table border=1 width=300> : </table> </div> 上記の方法だと確かにスクロールバーは表示されるのですが、出来ればDIVを使わずに、作っておいたCSSを適用するだけで、テーブルにスクロールバーを表示させることは可能でしょうか？ 出来れば、スクロールバーの色を変更して、横(X軸)のスクロールバーも消したいのですが… CSSで .scroll { overflow: scroll; visibility: visible; height: 100px; width: 140px; } とやってみたのですが、どうしてもスクロールバーが表示されません。何が足りないのか、もしくは根本から間違っているのかがわかりません。 ご存知の方教えて下さい。
- ベストアンサー
- HTML
- これだとスクロールバーはつけれないの??
<a href="aaa.html" target="_blank" onClick="window.open('aaa.html','','width=400,height=470');return(false)" style="text-decoration:underline;">リンク</a> これで出てきた小さな新窓にスクロールバーはつけれないのですか?? つけれるのならばそのHTMLを教えてください^^
- ベストアンサー
- その他([技術者向] コンピューター)
- Java scriptでFLASHを表示したときのスクロールバー表示
Java scriptでFLASHを表示したときのスクロールバー表示について悩んでいます。 index.htmlにはアイコンがあり、それをクリックするとJava scriptで小窓が開くようにしてあります。そこには、“scrollbars=yes”の引数があります。 小窓にはFLASHがひとつ表示されます。IEでの表示対策のため、FLASHを<object>ではなく、Java scriptで表示するようにしています。document.write('<embed src="***.swf"・・・といった感じです。 そうすると、index.htmlのJavascript小窓オープン時に“scrollbars=yes”としたにもかかわらず、小窓のウィンドウサイズを小さくしたときにスクロールバーが出ません。 FLASHを<object>で配置するとリサイズ時にスクロールバーが出るので、FLASHをJavascriptで配置するとそうなってしまうのかなぁ、と思っています。 IEで点線の枠が出てしまうのがみっともないので、できるだけ<object>で配置したくはないのですが…。 この場合、スクロールバーを表示するようにはできないでしょうか。
- 締切済み
- JavaScript
- スクロールバーの表示について
お世話になります。 フォームやフレームにスクロールバーを表示させたいのですがScrollBarsプロパティやKeepScrollBarsVisibleプロパティに値を設定してもレールの部分だけ表示されてバーが表示されません。 というのもフォームやフレームの中にたくさんコントロールを置きたいのですがフォームやフレームの中に納まらないためスクロールバーでスクロールして納まらない部分も表示できるようにしたいと思っています。 フォームやフレームの中をスクロールするにはどうすればよいのでしょうか（テキストボックスではバーが表示されスクロールできます）。 よろしくお願い致します。
- ベストアンサー
- Visual Basic
お礼
なるほど！開かれるほうのＨＴＭＬで「絶対にスクロールバーを使う必要がない」ということを宣言すればいいわけですね。 これで作成中のツールの完成度が飛躍的に向上します。ありがとうございました。