Позиционирование элементов с помощью JS
Элементы на странице можно позиционировать не только с помощью стилей, но и с помощью JavaScript. В этой статье мы рассмотрим ситуации, когда это оправдано и как таким позиционированием пользоваться.
Используйте скрипты для позиционирования тогда, когда стилей не хватает. CSS ограничен в обратной связи на действия пользователей на экране. В нём есть @ keyframes, transition, :hover, :active, :focus и т. д., но этого не всегда достаточно. Иногда нужно, чтобы в ответ на действия пользователя на странице происходили сложные преобразования или чтобы пользователи сами могли управлять анимациями на странице.
Как менять позиционирование на скриптах:
✔️ Изменять классы
Использовать такой способ можно, когда мы заранее знаем, куда и откуда мы хотим переместить элемент, но не знаем момент, когда нам это понадобится.
✔️ Изменять style
Он подойдёт в случае, когда мы мгновенно хотим отражать изменения на элементе, даже если не знаем, что и когда поменяется. Например, если мы хотим перемещать элемент мышкой на экране, нам может понадобиться менять его style.
✔️ Изменение transform
✔️ Изменение кастомных свойств CSS
👉 Читать статью полностью
#статья #js
👉 @frontend_mind