Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/401.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 将div定位在窗口中心（垂直）_Javascript_Css - Fatal编程技术网
Fatal编程技术网
  • javascript/
  • Javascript 将div定位在窗口中心（垂直）

Javascript 将div定位在窗口中心（垂直）

javascript css

Javascript 将div定位在窗口中心（垂直）,javascript,css,Javascript,Css,我使用这个CSS将一个div水平和垂直放置在窗口上，在向下滚动页面之前效果良好，然后div保持在相同的居中位置，就像页面没有被滚动一样 width:600px; height:300px; position:absolute; left:50%; top:50%; margin:-150px 0 0 -300px; z-index:99; 这可以用CSS实现吗？这是因为你的位置是绝对的 您应该尝试使用position:fixed取而代之。看看： 位置：固定可能就是你要找的。试试下面的CSS:

我使用这个CSS将一个div水平和垂直放置在窗口上，在向下滚动页面之前效果良好，然后div保持在相同的居中位置，就像页面没有被滚动一样

width:600px;
height:300px;
position:absolute;
left:50%;
top:50%;
margin:-150px 0 0 -300px;
z-index:99;
这可以用CSS实现吗？

这是因为你的
位置是
绝对的

您应该尝试使用
position:fixed取而代之。
看看：




位置：固定可能就是你要找的。
试试下面的CSS:位置：固定