Задать вопрос
@htmlclassic

Как плавно перемещать элемент при движении курсора?

При нажатии на элемент и ведении мышки в сторону, элемент должен плавно перемещаться вместе с курсором.

Пытался сделать так (упрощённо объясню):
на элемент вешаю ивент mousemove

в ивенте пишу
element.style.transform = `translateX(${oldTranslateX + 1}px)`

mousemove чёт отрабатывает очень ужасно: если вести курсор очень медленно, то сойдёт, если вести с норм скоростью то ивент как-будто не отрабатывает свою задачу, транслейт вообще не происходит, в итоге курсор убегает вперед (элемент прошел на 10пкс а курсор уже убежал на все 30пкс).
думал увеличить шаг, прибавлять не 1 пиксель, а больше, выглядит плохо + с производительностью то же самое.

Как-то уже пытался делать свой кастом скроллбар тоже с помощью mousemove -- абсолютно была та же самая ситуация, mousemove тупит как чёрт знает что. Тогда так и не разобрался.

Расскажите, пожалуйста, почему mousemove так себя ведет, как это фиксить в моём случае, и есть ли нормальное альтернативное решение.
  • Вопрос задан
  • 222 просмотра
Подписаться 1 Простой 3 комментария
Пригласить эксперта
Ваш ответ на вопрос

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

Похожие вопросы
Rocket Смоленск
от 80 000 до 130 000 ₽
div. Ставрополь
от 40 000 до 90 000 ₽
Wanted. Санкт-Петербург
До 220 000 ₽
18 дек. 2024, в 13:47
2000 руб./в час
18 дек. 2024, в 13:22
30000 руб./за проект
18 дек. 2024, в 12:37
10000 руб./за проект