2016-09-04 4 views
-2

Можно ли переместить элемент в позицию в переменной без изменения значения в DOM?Переместить элемент DOM в произвольное положение без изменения DOM?

Например, если я использовал div для представления блока охранного патрулирования, могу ли я указать, куда двигаться, не заставляя все дерево DOM воссоздавать?

+0

Я не понимаю, что вы имеете в виду * * moving * *. Позиция на экране? Или указатель в каком-то массиве/NodeList? «Могу я сказать, куда двигаться, не заставляя все дерево DOM воссоздавать?» Надеюсь, это окажет огромное влияние на вашу производительность. – Thomas

+0

Все в javascript - объект. поэтому скопируйте объект DOM в java-скрипт vaiable, а затем прикрепите его к другому месту DOM, где бы вы ни были нужны. var para = document.createElement ("to"); var node = document.getElementById ("from"); para.appendChild (node); или у меня не возникло твоего вопроса. –

+0

@ Темус жаль, что я хотел переместить его на экран. Я видел примеры для перемещения элементов с использованием анимации css, но ни один из них не мог указать назначение, а не просто идти в одно и то же направление каждый раз. – mcatee

ответ

0

Получается, что я неправильно понял, что это может произойти; Я думал, что установление top или осталось атрибутов приведет к перепланировке, однако я исследовал с тех пор, и нашел, что они не будут.

Таким образом, чтобы ответить на мой вопрос: переместить DIV из одного положения в другое (произвольное положение) на веб-странице вы можете:

  1. Создать переход в CSS для этого объекта (в виде: переход: attributeToActOn lengthOfTimeToTake, поэтому для перемещения моего DIV я верхняя и оставили
  2. Изменения атрибутов вы упоминаться в вашем переходе, чтобы отразить желаемую новую позицию (и помните, что это займет ровно LEN. gthOfTime вы определили).

Ваш элемент изящно переместится из старой позиции в новую .

Эти переходы можно сделать более «естественными», используя функции кубического безье (или аналогичные) для синхронизации.

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