dv1zhok
@dv1zhok
Freelancer

Как сделать перемещение блока от движения мыши?

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

Принцип: есть блок с элементами размером > ширины экрана. При наведении мыши на примерно 1/4 экрана в правой части - двигаем блок влево. Отводим мышь - движение останавливается. Движение блока происходит до тех пор, пока не покажется конец блока (правая часть).

Тот же принцип должен быть при наведении на 1/4 экрана в левой части, только движение блока уже идет в правую часть.

Пример того, что хочу реализовать тут: https://wanda.net/directors/come-ferre/
  • Вопрос задан
  • 164 просмотра
Пригласить эксперта
Ответы на вопрос 3
IvanU7n
@IvanU7n
а подсмотреть там? идея простая: слушаем mousemove, если курсор в нужно части от ширины экрана, то добавляем/отнимает translate по x, который естественно где-то храним, как вариант можно не translate, а scrollLeft, если overflow: hidden
Ответ написан
@UthvfyV
ищите в интернете свойства animation
Ответ написан
Комментировать
@UsmanAzhigov
Если вы хотите сделать анимацию не на нативном Js, то вот вам реакт библиотека https://github.com/atlassian/react-beautiful-dnd
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы