Question

我有一个在jQuery调用上触发的div。我正在使用这个CSS

.Window {
    display:none;
    background-color:#FFFFFF;
    z-index:1;
    min-width:500px;
    min-height:180px;
    top:20%;
    position:fixed;
    left:50%;
    margin-left:-250px
}

基本上，div会悬停在屏幕中心的内容上。问题是，当我在.Window div中放置其他内容且div高于浏览器本身时，浏览器窗口不会滚动。我该怎么做才能使浏览器窗口滚动，以便显示整个div及其元素？

Answer 1

只需将position:fixed;替换为position:absolute;

即可

Answer 2

在父div中

overflow: scroll;

Answer 3

位置：固定元素相对于浏览器窗口。 div将保持相同的位置。所以你需要将position属性更改为另一个。

Answer 4

好吧也许我找到了对你有用的东西。创建一个div元素，用css覆盖所有屏幕




         width:100%;
         height:100%;
         position:fixed;
         top:0;
         overflow:auto;

不要放任何背景，也不要忘记溢出。

然后在这个div中你的div，但相对位置。 css看起来像





    .Window {
        background-color:#FFFFFF;
        z-index:1;
        width:500px;
        height:180px;
        top:20%;
        position:relative;
        margin:auto;
    }

使用边距：自动元素转到中心位置，顶部从第一个div的顶部开始移动20％，即浏览器的顶部。

我希望能帮到你!!!

Floated Div溢出滚动浏览器

4 个答案: