@Altereyo

Как создать «плавающие» блоки, которые можно «толкать» курсором?

У меня есть около 15 разных картинок небольшого размера, мне нужно, чтобы они не были привязаны к конкретной точке на странице, а могли "плавать" по всему блоку-ограничителю.

Чем-то похожий пример прикрепляю ниже. Но это пример связанных между собой блоков, и на мышь они реагируют лишь через перетаскивание. А мне нужно, чтобы их можно было "толкать" курсором туда-сюда.

https://codepen.io/xanisu/pen/egYRzO

Надеюсь, что понятно сформулировал.
Буду рад подсказкам в виде спец. библиотек, примеров или советов!
  • Вопрос задан
  • 155 просмотров
Решения вопроса 2
Kozack
@Kozack Куратор тега JavaScript
Thinking about a11y
Ну, что ж тут сложного?
Пример позиционирования таких блоков у вас есть.
Вешаете обработчик на событие mouseenter, в нем смотрите на координаты мыши, координаты текущего блока и сдвигаете его.
Ответ написан
Комментировать
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы