Question

我试图使用java脚本水平居中页面。

到目前为止我得到了这个：

<body onload="scrollBy((document.body['scrollWidth'] - 0) / 2, 0)">

它有点有用，但不是很好。我有一个大宽度的闪存组件我需要在页面加载时以及在单击内部按钮之后居中。

我正在考虑从flash调用一个将页面滚动到HTML锚点的javascript。

有些事情：

 <script type="text/javascript">
 function pageMid() {
 window.location.href="#mid"
 }
 </script>

但锚点与中间不对齐。

有什么想法吗？

谢谢。

Answer 1

这有效：

<script type="text/javascript">
function pageMid() {
scrollTo(1000, 0);
}
</script>

 <body onload="pageMid();">

现在我无法弄清楚如何从闪存催化剂中调用它......

Answer 2

听起来你想要将元素垂直居中，而不是水平居中。如果您知道要尝试居中的元素的大小，请使用CSS：

<style>
#myThing {
   height: 300px;
   width: 400px;
   position:absolute;
   top:50%;
   left:50%;
   margin-top:-150px;
   margin-left:-200px;
}
</style>

<div id="myThing"></div>

Answer 3

这有效

$(function () {
    scrollTo(($(document).width() - $(window).width()) / 2, 0);
});

编辑：
我得到了2个downvotes。也许是因为我没有指明这个解决方案需要jQuery？

javascript水平中心

3 个答案: