0

ページを水平方向に中央揃えするために Java スクリプトを使用しようとしています。

これまでのところ、私はこれを得ました:

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

それはちょっと動作しますが、あまり良くありません。ページが読み込まれたとき、および内部ボタンをクリックした後に中央に配置する必要がある幅の広いフラッシュ コンポーネントがあります。

ページをHTMLアンカーにスクロールするjavascriptをフラッシュから呼び出すことを考えていました。

次のようなもの:

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

しかし、アンカーは中央に整列しません。

何か案は?

ありがとうございました。

4

3 に答える 3

1

これはうまくいきました:

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

 <body onload="pageMid();">

今、フラッシュ触媒からこれを呼び出す方法がわかりません...

于 2010-02-16T17:54:30.490 に答える
0

これは機能します

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

編集:
これに対して2つの反対票を獲得しました。このソリューションには jQuery が必要であることを指定しなかったためでしょうか?

于 2012-03-31T07:54:23.977 に答える
0

要素を水平方向ではなく垂直方向に中央揃えしたいようです。中央に配置しようとしている要素のサイズがわかっている場合は、CSS を使用します。

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

<div id="myThing"></div>
于 2010-02-16T20:49:02.867 に答える