Как рассчитать скорость скролла окна браузера?

Question

[StMechanus]

Всем привет. Как рассчитать скорость скролла окна браузера? Поясню, я пытаюсь написать скролловую анимацию на странице, и мне нужно, чтобы элементы двигались на, предположим, 10-20% быстрее или медленнее чем скорость, с которой я прокручиваю страницу

Answer 1

[Pretor DH]

(function(item) {
      var mem_scroll_top=0,
            coof_scroll = 1.2; /* больше 1 быстрее, меньше 1 медленнее */
       onMyScroll = function () {
              var sTop = ($(item).scrollTop() - mem_scroll) * coof_scroll;
                    $(item).scrollTop(mem_scroll=sTop);
              
       }
       $(item).on('scroll',onMyScroll);
})('.paralax');

Answer 2

[Сергей]

скорость - это расстояние, деленное на время.
Расстояние можно брать документа или окна браузера в пикселях:

doc_w = $(document).width();
doc_h = $(document).height();
//или
win_w = $(window).width();
win_h = $(window).height();

Время же можно получить с помощью объекта date и методов работы с ним:

var date = new Date();
 alert( date.getHours() );

Это мы берем часы, например. Более подробная инфа об этих методах есть в гугле.

Соответственно все, что остается - это делить пройденное расстояние на время.
Пройденную высоту можно брать с помощью метода scrollTop в jquery:
var s = $('#element').scrollTop();

Я надеюсь, что эта информация поможет Вам реализовать задачу.

Comments

[Pretor DH]

Не путайте человека физическая скорость здесь нипричем. Анимация зависит не от скорости, а от положения скрола.

[Сергей]

PretorDH: Я не так понял вопрос, значит.