twitter-bootstrap – 为什么这个Bootstrap 3.0 Modal演示中会出

发布时间：2020-12-18 00:26:28 所属栏目：安全来源：网络整理

导读：将此Bootstrap 3.0(WIP)页面向下滚动到“启动演示模式”. http://bs3.codersgrid.com/javascript/#modals 注意出现第二个垂直滚动条.为什么？解决方法因为CSS样式被应用于元素： .modal { bottom: 0; display: none; left: 0; overflow-x: auto; overflow-

将此Bootstrap 3.0(WIP)页面向下滚动到“启动演示模式”.

http://bs3.codersgrid.com/javascript/#modals

注意出现第二个垂直滚动条.为什么？

解决方法

因为CSS样式被应用于元素：

.modal {
    bottom: 0;
    display: none;
    left: 0;
    overflow-x: auto;
    overflow-y: scroll; /* <--- this guy right here */
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1040;
}

明确地将overflow属性设置为scroll将导致浏览器显示滚动条是否有溢出.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!