スクロールバー付きのポップアップボックスを作成するにはどうすればよいですか? html_html/css_WEB-ITnose

WBOY
リリース: 2016-06-21 09:03:24
オリジナル
1547 人が閲覧しました


クリックしてログインすると、この div が表示され、ユーザーが会社を選択できるようになります。プルダウンしてさらに多くの会社を表示することができます。
これはどう書けばいいでしょうか? ? ? ?


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

スクロール バーに対応する div の高さを設定し、over-flow:auto を設定します。

スクロール バーに対応する div の高さを設定し、over-flow:auto を設定します。 >

スクロールバーのスタイルを設定してみてはどうでしょうか?
http://www.lyblog.net/detail/314.html

スタイルにはプラグインを使用できます。 。

>内側の div の高さが外側の div の高さよりも大きい





コンテンツの高さが大きい限りコンテンツの親要素の高さよりも親要素は次のように設定できます: overflow-y:auto

スクロール バーのスタイルは、多くのスタイルをカスタマイズできる Chrome などの Webkit カーネルを備えたブラウザでよりよくサポートされますが、 Firefox と IE ではサポートされていないことに注意してください。

<html><head><meta charset="utf-8" /><title></title><style>ul{	height: 80px;	width: 120px;	list-style-type: none;	overflow:auto;}</style></head><body>	<ul>		<li>公司1</li>		<li>公司2</li>		<li>公司3</li>		<li>公司4</li>		<li>公司5</li>		<li>公司6</li>	</ul></body></html>
ログイン後にコピー
スタイルに互換性を持たせる必要がある場合は、スクロール バーを自分でシミュレートできます。

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