ホームページ > 記事 > ウェブフロントエンド > ブートストラップ モーダル ボックスとスクロール バー
ブートストラップ モーダル ボックスにスクロール バーを追加する方法: まず、対応するコード ファイルを開き、プロパティを「.modal-content {overflow: auto;max-height:300px;}」に設定します。
推奨事項: "ブートストラップの基本チュートリアル"
ブートストラップ モーダル ボックスの追加スクロール バー (レベル 1)
コードは次のとおりです:
/*不使用页面的滚动条*/ /*css: 给模态框设置overflow-y: hidden;即为取消掉页面滚动条的使用*/ #HelpModal{margin-top: 95px;height: 300px;overflow-y: hidden;} /*添加滚动条*/ .modal-content {overflow: auto;max-height:300px;} /*html:模态框最外层设置id属性的overflow-y: hidden;,权重值高于自定义的.modal-open .modal类名设置的overflow-y: auto;*/ <div class="modal fade" id="HelpModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
以上がブートストラップ モーダル ボックスとスクロール バーの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。