부트스트랩 모달 상자와 스크롤 막대

부트스트랩 모달 상자에 스크롤 막대를 추가하는 방법: 먼저 해당 코드 파일을 연 다음 속성을 ".modal-content {overflow: auto;max-height:300px;}"로 설정합니다.

권장: "bootstrap 기본 튜토리얼"

Bootstrap 모달 상자에 스크롤 막대 추가(레벨 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!