javascript - 关于fixed 抖动问题
天蓬老师
天蓬老师 2017-04-11 11:40:36
0
1
249
<p class="login-modal">
    <p clas="login-overlay">灰色背景</p>
    <p class="login-modal-main">登录界面弹框</p>
</p>
.login-modal{
    /*display: none;*/
    z-index: 100;
    overflow: hidden;
    position: fixed;
    top: 0;
    bottom: 0;
    left:0;
    width: 100%;
    height: 100%;
}
.login-overlay{
    background-color: #000;
    opacity: 0.25;
    width: 100%;
    height: 100%;
}
.login-modal-main{
    width: 370px;
    margin: 0 auto;
    position: absolute;
    background-color: #fff;
    border-radius: 5px;
    transform:translate(-50%,-50%); 
    -webkit-transform:translate(-50%,-50%); 
    -moz-transform:translate(-50%,-50%); 
    -ms-transform:translate(-50%,-50%); 
    -o-transform:translate(-50%,-50%); 
    left: 50%;
    top: 35%;
}

弹出登录,界面滚动下去时,会抖动一下,感觉fixed没有固定住,怎么回事?

天蓬老师
天蓬老师

欢迎选择我的课程,让我们一起见证您的进步~~

Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn:Public welfare online PHP training,Help PHP learners grow quickly!