Как создать эффект ускоряющей прокрутки с помощью JavaScript? - PullRequest
2 голосов
/ 10 октября 2011

Я новичок в javascript, который многие из вас знают, и я обнаружил, что фактическое применение всего, что я узнал, уклоняется от меня. Если вы просто дадите мне код, это, вероятно, не поможет мне; Мне нужно понять, как и почему все работает, если прокрутить страницу.

Идея состоит в том, чтобы начать с первой страницы. Поэтому мне нужна функция, которая запускается на первой странице. Стрелка направлена ​​вверх, вниз, влево и вправо. Нажав на них, можно плавно прокрутить вас в указанном направлении.

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

У меня есть представление о том, что мне нужно, но я не совсем уверен.

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

Затем мне нужно построить реальную функцию, которая прокручивает в соответствующем направлении.

псевдокод

html

<div id="arrowRight" onClick="scrollRight">

js



  function scrollRight()
  {
  window.scrollBy("widthOfCurrentPage",0);
  setTimeout("scrollScroll()", 100);
  }

Тогда мне как-то нужно остановить функцию. Так как каждая стрелка получит обработчик события onClick (я думаю, что это правильная терминология), тогда я могу построить 4 функции. Один для прокрутки вправо, влево и т. Д. И используйте их с соответствующими стрелками.

Но как мне на самом деле это сделать, и я на правильном пути?

1 Ответ

2 голосов
/ 10 октября 2011

звучит так, как будто вы на правильном пути, у youngpup есть несколько хороших примеров, и его комментарии помогут вам понять, как это работает, и помогут вам http://www.youngpup.net/projects/ypSimpleScroll/

...