-3

在其当前形式下,下面的 CSS 不允许我的页面滚动。但是,如果我禁用下面的 CSS 代码,则页面允许滚动。我已经尝试overflow一遍又一遍地设置属性,使用height: 130%允许我看到一个滚动条,但页面实际上仍然没有滚动。

这是一个显示我的问题的JSFiddle 。

h1{
color: #FFF;
}

h3{
font-size: 25px;
    color: #990000;
    text-decoration: none;
    font-family: 'Chivo';
}

h5 {
    color: #bb0000;
    text-decoration: none;
    font-family: 'Chivo';
    font-size: 40px;
    line-height: 1em;
    font-weight: bold;

    }

h5:focus {
    outline: thin dotted rgb(51, 51, 51);
        outline-width: thin;
        outline-style: dotted;
        outline-color: rgb(51, 51, 51);
    outline-offset: -2px;
}

h5:hover, a:active {
text-decoration: underline;
color: #990000;
outline: 0;
outline-color: initial;
outline-style: initial;
outline-width: 0px;
}

/*box!*/

#boxdrop{
box-shadow: 0px 0px 10px grey;
position:fixed;
background-attachment:scroll;
left:10px;
}
#boxdrop2{box-shadow: 0px 0px 10px grey;}

.boxbg { background-color:#ccc;background-attachment:scroll; }
.boxbg2 { background-color:#ddd; background-attachment:scroll;}
.boxbg3 { background-color:#eee;background-attachment:scroll;}
.all-round {
border-radius:1em;
-moz-border-radius:1em;
-webkit-border-radius:1em;
}
4

2 回答 2

4

如果您想恢复滚动,请position:fixed从您的 boxdrop div 中删除。

#boxdrop{
box-shadow: 0px 0px 10px grey;
background-attachment:scroll;
left:10px;
}

jsFiddle 示例

于 2013-03-14T21:54:00.197 回答
2

我认为问题在于您的 HTML。你有两个divid boxdrop2。此外,您的divwith idboxdrop具有一个position:fixed属性,因此div无法以任何方式滚动。每当您使用固定时,您都会消除任何滚动的机会,因为固定元素会离开页面中的元素流。

于 2013-03-14T21:56:19.303 回答