フレームを使わずにスクロールの制御ってできますか?
スクロールバーを非表示にしたいのですが・・・。

このQ&Aに関連する最新のQ&A

A 回答 (4件)

<BODY>を<BODY scroll="no">にすることで非表示にできます。



scroll="hidden"も同様です。(こちらを推奨しているらしい)
scroll="auto"にすると画面からはみ出したときだけスクロールバーが出る設定になります。

尚、Win IE6で動作確認済みです。(というか私自身が使ってます)
JavaScirptを使わなくても出来ますよ。

参考になったでしょうか…。
    • good
    • 0

はじめまして。


JavaScirptを使って下記のように記述すれば
フレームや、新しいウィンドウを使うことなく消せますヨ♪
----------------------------------------------
<html>
<head><title>スクロールバーを消す</title>
<script Language="JavaScript">
<!--
function ScrollBar()
{
document.body.style.overflow = "hidden";
}
// -->
</script>
</head>
<body onLoad="ScrollBar()">スクロールバー消す
</body></html>
    • good
    • 0

こんにちはsunshinさん、xruzです。


基本的には無理だと思いますが、JavaScriptでwiondow.openのscrollbars=noパラメータを指定して開いたウィンドウではスクロールバーが非表示になります。
記述例)
wid=window.open("http://www.goo.ne.jp/", "goo", "scrollbars=no");

がんばってくださいね。
    • good
    • 0

普通のページでのスクロールバーの非表示は無理だと思います。


フレームで非表示にすると問題でもありますか?

スクロールバーが見えなくていいだけなら、
スタイルシートでスクロールバーの色を全て背景色と一緒にしてしまうという方法がありますよ。
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!

このQ&Aと関連する良く見られている質問

Qフレーム(左)のスクロールバーを非表示にすると上下に動かなくなる問題。

frameborder="no" scrolling="no" と記述すると

フレーム(左)のスクロールバーを非表示にすることができますが

ページを上下に動かすことができなくなってしまいます。

スクロールバーを非表示にしつつページを上下に動かすには

どうすればよいのでしょうか?ご回答よろしくお願いします。

Aベストアンサー

 スタイルシートを使うと、スクロールバーの色を全て背景色と同等にして見えなくしてしまうことは可能です。
 IE限定ですが。

 参考URLのページの少し下に、"scrollbar...." ってのがズラーっと書いてあるので、それに全て同じ値をセットすればいいんです。

参考URL:http://tohoho.wakusei.ne.jp/css/reference.htm#ui

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

皆様、お世話になります。

質問です。
※i frame での使用です

スクロールバーを使わずに、スクロールをする
技ってありますか?

フレーム内は、他のサイトのページが閲覧できるように
なってますが、超縦長なのでスクロールバーが出ます。

単にスクロールバーを「消す処理」の設定すると、
フレーム内は見れなくなりますし。。。

付け足すと、スクロールバーを使わない代わりに、
何か変わりになるボタン?(GUI)
を割り当てて、それをクリックする事で
上下させたいのですが。。

※中身の内容を自動で上下させるのではありません
↑マーキー見たいなものではないです。
あくまで、オンマウス的な技。

FLASH以外でお願いします。


説明が下手で恐縮です。。。。orz

何卒宜しくお願いします。

助けてください。。。

Aベストアンサー

No6で回答したk0021ですが
再度チェックしたら別の指定方法ありました
iframe はあまり詳しくないので前回は、javascriptのみの説明でしたが
javascript部分は、ken_koyama が考えてください
インラインフレームスクロールの対応ブラウザも確認して下さい

私は、前回のjavascriptの説明をウィンドウ表示高さずつ移動させています

参考URL:http://www5e.biglobe.ne.jp/~access_r/hp/dhtml/dhtml_129.html

Qフレームを使ったときに横スクロールバーを表示させたい

社内ホームページで左右分割のフレームを使おうと思っています。

左のフレームに
http://www14.plala.or.jp/sugachuu/JavaScript/index3.html
のページで紹介されている『Explorer風メニュー(2)』を使用して、
選択されたファイルを右のフレームに表示したいのですが、
その際、左フレームのリンクがどんどん奥深くなった時に、フレーム幅より長いリンク先名称が折れ曲がって表示されてしまいます。

とても見にくいので横スクロールバーを表示させて一行で表示させたいのですが、やり方がわかりません。
縦スクロールバーは自動に出てきます。

IEはバージョン6.0です。

お手数ですが、この件に関して分かる方がいらっしゃいましたらよろしくお願いいたします。

Aベストアンサー

フレーム自体での記述で、
<frame scrolling="auto" で自動判別、
<frame scrolling="yes" で常時表示、
<frame scrolling="no" で常時非表示、
と以上の様になります。
(HTML4.01 Frameset の文法より。)

また、リンク先名称の折れ曲がりの対策として、
行末の単語禁則処理 word-break:[normal(英文のみ単語の切れ目で改行) | break-all(英文、和文共に単語の途中でも改行) | all(英文、和文共に単語の切れ目で改行)]
というスタイルシートの機能があります。
ただしIEの拡張機能(IE5以上対応)なので
DOCTYPE も Transitional の互換モードでないと機能しませんが・・・。
IEでも標準モードでは機能しません。
(社内ホームページという事でブラウザの種類,バージョンを限定して作成できるかと思い・・・。)

あと、幅を計算しながら指定(スタイルシートを使用)するのも1つですが、
これは少々面倒かも。
ブラウザを意識しないメリットはありますが、
個々に幅を指定したり
場合によっては仕掛けから再作成の可能性が・・・。
(ただ、手間,知識は必要ですが、たぶん実現可能です。)

禁則処理は文章の内容によっては改行しますので、
お勧めは幅を指定する事です。
IE3など古いブラウザを意識しなければ
emという文字を基準とした単位もありますので
横幅何文字分と指定しておけば、
ブラウザの文字サイズ変更の機能も考慮できます。
ポイントはExplorer風メニューの仕掛けに
どの様に幅指定を組み込めるかです。
事前に組み込んでも影響がなければ良いのですが・・・。
もし影響が出る場合は、仕掛けをよく理解した上で
改めて設計,製造しないと実現できません。
たぶん大丈夫とは思いますが・・・。

とりあえず、がんばってください。

フレーム自体での記述で、
<frame scrolling="auto" で自動判別、
<frame scrolling="yes" で常時表示、
<frame scrolling="no" で常時非表示、
と以上の様になります。
(HTML4.01 Frameset の文法より。)

また、リンク先名称の折れ曲がりの対策として、
行末の単語禁則処理 word-break:[normal(英文のみ単語の切れ目で改行) | break-all(英文、和文共に単語の途中でも改行) | all(英文、和文共に単語の切れ目で改行)]
というスタイルシートの機能があります。
ただしIEの拡張機能(IE5以上対応...続きを読む

Qインラインフレームの横スクロールの非表示

インラインフレームの横スクロールの非表示ってどうやるのでしようか?縦のスクロールのみを表示させたいのですが,,,scrolling marginwidth="no" って入れてもだめでした

Aベストアンサー

No.5です。
すみません、言い方が悪かったので再回答します。

inline.htmlをテキストエディタで開いて、
<html>を<html lang="ja" style="overflow-x:hidden;">
(「lang="ja"」はなくても構いません)に書き換えてみて下さい。

inline.htmlの中身を編集してください、ということです。

Qiframeのスクロールバー非表示

html5、css2.1で作成していますが
スクロールバーを非表示にするのに
scrolling=noにしようと思ったら
html5では有効でなくなったようなので
html5で消す場合はどうしたらよいのか
教えていただけましたら幸いです。

Aベストアンサー

HTML5より追加された<frame>タグで対応できませんでしょうか?
http://www.htmq.com/html/frame.shtml

参考URL:http://www.htmq.com/html/frame.shtml


このカテゴリの人気Q&Aランキング

おすすめ情報