Обложка канала

Frontend Головного Мозга

Настоящий клондайк для frontend-разработчиков.

Frontend Головного Мозга

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