Скорость прокрутки с положением мыши

Question

У меня есть небольшая проблема с тем, как я должен думать ... проблема. Я хочу сделать что-то подобное с this: когда вы перемещаете мышь рядом с краями, вы увидите, что изображения прокручиваются быстрее, чем прокрутка, когда у вас есть мышь в середине DIV.

Не знаю, правильно ли я объяснил, но ... я не знаю, как это решить. Я уверен, что привязан к mousemove, но также я думаю, что это связано с математикой. И математика не является моим лучшим навыком: D

Спасибо, ребята!

Answer 1

К сожалению, вам не о чем рассказать больше, чем то, что вы уже можете прочитать в исходном коде сайта, с которого вы связываетесь со строкой 59 и далее. Я бы рекомендовал просто попытаться дублировать что-то подобное на вашей собственной песочнице, используя тот код, который у них есть в качестве ориентира. Просто выделите все, что сможете, и просто начните с одного изображения, привяжите событие mousemove и попытайтесь получить относительные позиции с помощью смещения (см. Jquery - offset).

Это довольно приятная реализация нового тега canvas, хотя я еще не видел его многого, так что спасибо за передачу по ссылке. Я могу хотя бы предложить вам интересные ссылки на canvastag, которые могут дать вам несколько указателей.

Answer 2

Это старый вопрос, но вы можете вычислить процентера на основе расстояния между положением мыши и краями. Затем используйте этот procentage для установки скорости анимации.