2012-04-11 4 views
0

У меня есть два div элементов в контейнере, один div расположены под первым div. У меня также есть функция JS, которая будет захватывать первый div и центрировать его на экране для отображения. Затем функция JS снова разместит первое место div на своем месте. Проблема в том, что второй div перемещается вверх, чтобы занять первое место div, когда оно выйдет, и они перекрываются, когда первый div возвращается на место. Как мне предотвратить перемещение второго div вверх и взятие первого div?Предотвратить деления от занять место другого DIV

+0

Покажите свой связанный css и разметку. – Coder

ответ

1

Я предполагаю, что вы устанавливаете position: absolute на div, что вы двигаетесь?

В этом случае используйте position: relative и что div по-прежнему резервирует свое первоначальное место в документе.

+0

Верх и левый указаны для перемещения. Я не думаю, что это сработает. –

+0

@Da Общее: см. Http://jsfiddle.net/RichieHindle/AXU6m/ для рабочего (хотя и не интерактивного) примера. – RichieHindle

+0

О, ничего себе. Это сработало. благодаря! –

0

Может быть, вы можете захватить содержимое контейнера DIV в вар «перед» центрирования первый и когда вы должны вернуться к тому, как все было, вы могли бы заменить первоначальное содержимое обратно

var initialHtml = $(containerDiv).html() 
//center the first div 
//after the purpose of centering is achieved 
$(containerDiv).html(initialHtml) 
+0

Итак, подождите, что именно это будет делать? –

+0

Он просто повторит использование фрагмента HTML, в котором элементы были правильно размещены. – walmik

Смежные вопросы