Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.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_Html - Fatal编程技术网

页面上的Javascript中心div包括滚动

页面上的Javascript中心div包括滚动,javascript,css,html,Javascript,Css,Html,在javascript中,我需要在浏览器窗口的中心显示div内容;窗口内容较高,因此有一个滚动条 如何在屏幕中央独立于滚动设置div元素 谢谢 您可以使用此CSS(不需要javascript): 您可以使用额外的CSS使div变得漂亮 您需要的是CSS属性,而不是JS。您需要让它滚动的是overflow:scroll。将其添加到框上使用的CSS中。因此,您希望在滚动页面时保持固定的div覆盖吗?这非常有效,除非浏览器视图的大小小于500px(或任何值),此时它会被推离窗口顶部。是否仍然需要Jav

在javascript中,我需要在浏览器窗口的中心显示div内容;窗口内容较高,因此有一个滚动条

如何在屏幕中央独立于滚动设置div元素

谢谢

您可以使用此CSS(不需要javascript):

您可以使用额外的CSS使div变得漂亮


您需要的是CSS属性,而不是JS。您需要让它滚动的是
overflow:scroll。将其添加到框上使用的CSS中。

因此,您希望在滚动页面时保持固定的div覆盖吗?这非常有效,除非浏览器视图的大小小于500px(或任何值),此时它会被推离窗口顶部。是否仍然需要Javascript来确保div的顶部保留在视图中?
#divID{
  width:500px;   /* adjust */
  height:500px;  /* adjust */
  top:50%;
  left:50%;
  margin-left: -250px;  /* half of the width */
  margin-top: -250px;  /* half of the height */
  position:fixed;
}