горизонтальный центр javascript - PullRequest
Новая
       5

горизонтальный центр javascript

0 голосов
/ 16 февраля 2010

Я пытаюсь использовать java-скрипт для центрирования страницы по горизонтали.

Пока я получил это: 

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

Это вроде работает, но не очень хорошо. У меня флэш компонент большой ширины что мне нужно отцентрировать при загрузке страницы, а также после любого нажатия на внутренние кнопки.

Я думал о том, чтобы сделать вызов из flash в javascript, который бы прокручивал страницу до якоря HTML.

Что-то вроде: 

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

Но якоря не совпадают с серединой.

Есть идеи?

Спасибо.

Ответы [ 3 ]

1 голос
/ 16 февраля 2010

Это сработало: 

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

 <body onload="pageMid();">

Теперь я просто не могу понять, как вызвать это из флэш-катализатора ...

0 голосов
/ 31 марта 2012

Это работает 

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

Редактировать:
Я получил 2 понижения за это. Может потому, что я не указал, что для этого решения требуется jQuery?

0 голосов
/ 16 февраля 2010

Звучит так, будто вы хотите центрировать элемент вертикально, а не горизонтально. Если вы знаете размер элемента, который пытаетесь отцентрировать, используйте CSS: 

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

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