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

我想开始时，在水平和垂直的页面中心加载（不是在顶部），有任何建议吗？或者在一个特定的高度，如果可能的话。谢谢大家!

您可以这样做：

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

你可以根据自己的需要改变职位

---

您还可以使用

$（窗口）.scrollTo（$（窗口）.width（）/2，$（窗口）.height（）/2）
不确定你在问什么，但你试过相对坐标吗

喜欢>>


/*我将此all css选择器用于取消所有页边距和填充，以便删除相同的默认浏览器首选项*/
/*边框框只是任何大小的od div在添加填充后都不会改变*/
*{边距：0；填充：0；框大小：边框框；}
身体{
位置：绝对位置；
宽度：100%；高度：100%；
背景色：红色；
垫面：10%；
左：10%；
右：10%；
垫底：10%；
}
中心{
/*如果不显示，则相对尺寸不起作用：块*/
显示：块；
宽度：100%；高度：100%；
背景颜色：蓝色；
}

中心内容
尽管不确定这是否是您要寻找的：

要使容器（比如DIV元素）水平居中，请在CSS中为其指定固定宽度和自动左右边距：

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

然后使用匿名JavaScript函数在加载后使用其边距顶部属性将容器垂直居中：

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>


你好，这是网页内容

尽可能在视口中居中放置容器元素
谢谢您的回复！我试图添加脚本，但运气不佳，没有任何效果。有其他建议吗？我更新了答案，请再次测试。我错把50%换成了整数值。现在我将在JSFIDLE上创建一个简单的示例。这里是另一个示例：再次感谢，但仍然没有效果。我发现了一个代码，它和我的标签一样简单，但是我的标签已经有了一个onLoad，你认为它们可以一起工作吗？看看这里是否有帮助（我在哪里工作）。再次感谢！当容器对象小于视口时，你是否要查看页面内容的中心（它有滚动条），或者在视口的中间将容器对象放在中心位置？我的意思是，当你完成页面加载时，它位于窗口的中心（或者滚动）而不是在顶部，如果有道理的话，谢谢你！但是我想的更多的是，当页面加载完成时，你水平和垂直地位于中心，或者在一个特定的高度。不在页面顶部。在要显示的页面部分自动对焦如何？理论上，焦点应该在页面上可见。我试着在w3schools上修改tryit代码，它成功了。。。有点它自动向下滚动到自动对焦部分，但它位于底部。尝试将焦点的输入id添加到自动焦点#focus{margin top:800px；}也许你可以把自动对焦放在页面所需的部分，把css放在其他部分。让我来看看。非常感谢。