Question

我想在装载时（不在顶部）水平和垂直地在中心开始页面，任何人有什么建议吗？或者在特定高度，如果可能的话。谢谢！

Answer 1

你可以这样做：

$(document).ready(function() {
    $(window).scrollTop($(window).height()/2);
    $(window).scrollLeft($(window).width()/2);
});

您可以根据需要更改位置。

您也可以使用$(window).scrollTo($(window).width()/2, $(window).height()/2);

Answer 2

不确定你在问什么，但你试过相对坐标吗？

喜欢＆gt;＆gt;

＆＃13;

/*i put this all css selector for canceling all margins, paddings so i can remove default browser prefereces for the same*/
/*border box is just that any size od div is not changed after addinational padding*/
*{margin:0;padding:0;box-sizing:border-box;}
		body{
			position:absolute;
			width:100%;height:100%;
			background-color:red;
			padding-top:10%;
			padding-left:10%;
			padding-right:10%;
			padding-bottom:10%;
		}
		centerd{
            /*relative dimensions wont work if not display:block;*/
			display:block;
			width:100%;height:100%;
			background-color:blue;
		}

＆＃13;

<!doctype html>
<html>
<meta charset = "UTF-8" />
<title>Center Content</title>
<!--[if lt IE 9]>
  <script src="http://html5shiv.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<body>
	
	<centerd>
        <!--html5 element, you can create your own -->
	</centerd>
	
</body>
</html>

＆＃13;

有关详细信息，请访问：it is cool way to know enough about html, css, javascript etc.

Answer 3

虽然不确定这是否是您要找的：

要水平居中一个容器（一个DIV元素），在CSS中给它一个固定的宽度和自动左右边距：

div#container
{   width: 1024px; /* a fixed width container */
    border: thin solid green; /* debug, to see */
    margin-left: auto;
    margin-right: auto;
}

然后是一个匿名JavaScript函数，使用margin-top属性在加载后垂直居中容器：

function ()
{  var e = document.getElementById("container");
   var eHeight = e.offsetHeight;
   var clientHeight = document.documentElement.clientHeight;
   var marginTop = 0;

   if(clientHeight > eHeight)
   {   marginTop = (clientHeight - eHeight) >> 1; // integer divide by 2
   }
   e.style.marginTop = marginTop + "px";

}

使用jQuery的窗口ready（）函数和HTML

添加到页面中

<div id="container">
    hello this is page content
</div>

在视口中尽可能集中容器元素

如何在加载后在中心或特定高度开始页面

3 个答案: