ホームページ > ウェブフロントエンド > htmlチュートリアル > overflowの非表示コンテンツを表示する方法:hidden_​​html/css_WEB-ITnose

overflowの非表示コンテンツを表示する方法:hidden_​​html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:04:59
オリジナル
3892 人が閲覧しました

1. CSSとHTMLではoverflow:hiddenスクロールバーが設定されていますが、Chromeではマウスホイールを使ってコンテンツをスクロールできますが、IE(私はIE10を使用しています)ではマウスホイールはコンテンツを選択することしかできません。それを下にドラッグします。この問題を解決するにはどうすればよいでしょうか?

2. ページ内に div があり、その中のコンテンツも非表示にする必要があります。div で hidden を設定しましたが、コンテンツはドラッグできません。この問題はもう一度答える必要があります。どうすれば解決できますか?

助けてください!皆さん、ありがとうございました!


ディスカッションに返信(解決策)

スクロールできるようにしたい場合は、overflow:scroll; を使用してください。このスクロールが醜いと思う場合は、自分で書いてください

<!DOCTYPE html><html><head><title></title><style type="text/css">* {margin: 0;padding: 0;}body {background-color: #fff;}.container {height: 500px;border: 1px solid #222;background: #eee;overflow: hidden;}p {margin: 50px;border: 1px solid #ddd;}</style></head><body><div class="container">	<p>qwe	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br />	1234213<br /></p></div></body></html>
ログイン後にコピー

最初の記事に関しては、 Chrome もスクロールできないようです

スクロールできるようにしたい場合は、overflow:scroll; を使用してください。このスクロールが見苦しいと思う場合は、自分で作成してください


現在、需要はありません。スクロールバー

<!DOCTYPE html><html><head><title></title><style type="text/css">* {margin: 0;padding: 0;}body {background-color: #fff;}.container {height: 500px;border: 1px solid #222;background: #eee;overflow: hidden;}p {margin: 50px;border: 1px solid #ddd;}</style></head><body><div class="container">	<p>qwe	1234213<br />		1234213<br />	</p></div></body></html>
ログイン後にコピー

最初の項目に関しては、Chrome でもスクロールできないようです



兄さん、それを渡すとスクロールできず、直接非表示になります。 CSS の hidden} は Chrome ではスクロールできますが、IE では選択してからゆっくりと下に移動することしかできません。

実際、この種のデザインは必要ありません。通常、HTML に overflow hidden を追加しないのが最善です。このスクロールは醜いと思うので、自分で書いてください

ここで、スクロール バーを持たないようにします


それから、JS をドラッグして、外側の div overflow:hidden を取得できるようにシミュレートします。内側のdivの位置(マージン)を制御します

または上記を使用します 方法は、スクロールバーを覆うように外側にdivを追加することです
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート