Скорость прокрутки с позицией мыши

Question

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

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

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

Answer 1

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

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

Answer 2

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