为什么在这个Bootstrap 3.0模态演示中会出现第二个垂直滚动条？

Question

在此Bootstrap 3.0(WIP)页面上向下滚动一下"Launch Demo Modal".

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

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

Answer 1

由于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;
}

显式设置溢出属性scroll将导致浏览器显示滚动条是否存在溢出.