码迷,mamicode.com
首页 > 其他好文 > 详细

弹窗居中,不会随页面滚动变化,直接固定在屏幕中央

时间:2018-08-09 21:10:54      阅读:236      评论:0      收藏:0      [点我收藏+]

标签:webkit   定位   直接   transform   ansi   web   tran   translate   居中   

定位top为50%;left为50%;

然后使用transifrom       

transform: translate(-50%, -50%);   

 -webkit-transform: translate(-50%, -50%);

这样弹窗就可以居中,不会随着页面的滚动而变化直接固定在屏幕中央的

弹窗居中,不会随页面滚动变化,直接固定在屏幕中央

标签:webkit   定位   直接   transform   ansi   web   tran   translate   居中   

原文地址:https://www.cnblogs.com/weisuoyuwei/p/9451424.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!