用滚动进入全屏幕

Question

如何使用滚动将div设为全屏？此代码有效，但scroollbar不会出现：

html：

<div id="full_screen"></div>

css：

#full_screen {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
}

Answer 1

使用overflow:scroll;显示滚动条。因为滚动的默认行为是overflow:auto;。

#full_screen {
    position: fixed;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    z-index: 10;
    background:red;
    overflow:scroll;
}
.content{
    width: 1000px;
    height: 1000px;
}

<div id="full_screen"><div class="content"></div></div>

Answer 2

<div id="full_screen"></div>

这是更新的css。当div＃full-screen中的内容超过它在屏幕中可以包含的内容时，将显示滚动。

#full_screen {
position: fixed;
width: 100%;
height: 100%;
left: 0;
right:0;
bottom:0;
top: 0;
z-index: 10;
overflow-y: scroll;

}