html 层向上弹出,html+css 做个弹出层，主页内容不随层里内容一起上下滚动

我想要弹出层的内容(22qq)上下滚动，主页内容(11111111)不动,但现在是两个页面一起动的，这要怎么解决？？

弹出层

*{

margin: 0;

padding: 0;

}

.header{

width: 100%;

height: 100px;

background: deepskyblue;

position: fixed;

top:0;

z-index: 12;

}

.header p{

font-size: 70px;

text-align: center;

}

ul{

margin-top: 100px;

z-index: -1;

}

li{

height: 150px;

}

.ceng{

width: 100%;

position: absolute;

top: 100px;

display: table;

z-index: 10;

}

.ceng p{

height: 100px;

font-size: 70px;

text-align: right;

}

.ceng .left{

display: table-cell;

background: black;

opacity: 0.4;

width: 20%;

}

.ceng .right{

display: table-cell;

width: 80%;

background: white;

}

我的世界!

• 11111111111aa
• 11111111111
• 11111111111
• 11111111111
• 11111111111
• 11111111111
• 11111111111
• 11111111111
• 11111111111
• 11111111111
• 11111111111
• 11111111111
• 11111111111
• 11111111111
• 11111111111
• 11111111111
• 11111111111
• 11111111111
• 11111111111
• 11111111111
• 11111111111
• 11111111111
• 11111111111
• 11111111111

22222qq

222222qq

22222qq

22222qq

2222qq

22222qq

22222qq

2222qq

22222qq

22222qq

22222qq

2222qq

2222qq

22222qq

2222qq

22222qq

2222qq

2222qq

22222qq

2222qq