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

Posted weisuoyuwei

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了弹窗居中,不会随页面滚动变化,直接固定在屏幕中央相关的知识,希望对你有一定的参考价值。

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

然后使用transifrom       

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

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

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

以上是关于弹窗居中,不会随页面滚动变化,直接固定在屏幕中央的主要内容,如果未能解决你的问题,请参考以下文章

css Div在页面中纵向固定,不随滚动条滚动,横向随滚动条滚动

页面出现滚动条时,body里面的内容不能自动居中?

vue2.+element 弹窗大小屏固定居中,使用内置滚动条

layui 让弹窗始终居中于屏幕

html中怎么让div层固定在屏幕中央右边500像素的位置

fixed和absolute定位区别