| |
|
|
| | Здравствуйте!
Мне нужно, чтобы мой div всегда находился по центру экрана, даже тогда, когда пользователь прокручивает страницу. Такая штука нынче присутствует на каждом новостном сайте, но разобраться, как это сделано, я не смог. На одном из сайтов откопал скрипт:
function MoveCenterScreen(objID)
{
var innerHeight_ = window.innerHeight ? window.innerHeight : document.documentElement.offsetHeight;
var obj = document.getElementById(objID);
obj.style.left = ( document.body.clientWidth / 2 - obj.clientWidth / 2 + document.body.scrollLeft) + 'px';
obj.style.top = ( document.documentElement.scrollTop + innerHeight_ / 2 - obj.clientHeight / 2 + document.body.scrollTop) + 'px';
}
|
Но куда его прикрутить? Люди с опытом, обращаюсь к Вам, помогите разобраться.
Заранее спасибо. | |
| |
|
|
| |
|
|
| |
для: barcelona
(21.12.2007 в 09:18)
| | | Ответ не в тему, конечно, но меня такие трюки настолько нервируют, что я страницу с этой фигнёй закрываю сразу и никогда второй раз на неё не зайду. Уверен, что таких, как я, большинство. Так что не советую вам заниматься такой ерундой... | |
| |
|
|
| |
|
|
| |
для: coloboc66
(21.12.2007 в 09:28)
| | | Действительно, ужасная гадость! | |
| |
|
|
| |
|
|
| |
для: barcelona
(21.12.2007 в 09:18)
| | | <div id=bueeeeee>превед! это я - спам</div>
<script>
function MoveCenterScreen(objID)
{
var innerHeight_ = window.innerHeight ? window.innerHeight : document.documentElement.offsetHeight;
var obj = document.getElementById(objID);
obj.style.left = ( document.body.clientWidth / 2 - obj.clientWidth / 2 + document.body.scrollLeft) + 'px';
obj.style.top = ( document.documentElement.scrollTop + innerHeight_ / 2 - obj.clientHeight / 2 + document.body.scrollTop) + 'px';
}
MoveCenterScreen('bueeeeee')
</script> | |
| |
|
|
| |
|
|
| |
для: barcelona
(21.12.2007 в 09:18)
| | | 1. функция не работает в лисе
2. в стиле дива надо бы прописать position | |
| |
|
|
| |
|
|
| |
для: Лёва
(21.12.2007 в 11:37)
| | | Давайте проясним ситуацию. У меня на странице не спам. Просто страница очень большая по высоте, в конце её кнопка, и нужно, чтобы при нажатии на кнопку div возникал в центре экрана. Если код такой (например, для события onLoad, чтобы было проще):
<script>
function MoveCenterScreen(objID)
{
var innerHeight_ = window.innerHeight ? window.innerHeight : document.documentElement.offsetHeight;
var obj = document.getElementById(objID);
obj.style.left = (document.body.clientWidth / 2 - obj.clientWidth / 2 + document.body.scrollLeft) + 'px';
obj.style.top = (document.documentElement.scrollTop + innerHeight_ / 2 - obj.clientHeight / 2 + document.body.scrollTop) + 'px';
}
</script>
</head>
<body onLoad="MoveCenterScreen('bueeeeee');">
<div id="bueeeeee" style="position:absolute;">Мой div</div>
|
то div возникает наверху, т.е. в середине первого экрана, а не того, который мне нужен. Чёрт с ним, пусть он даже не ездит, но что делать, чтобы div не прилеплялся к началу страницы? | |
| |
|
|
