Как сделать анимацию над свитком?

Question

Я пытаюсь сделать анимацию с помощью jQuery. Использование .animate Я знаю, что вы можете иметь длительность времени, но я хотел, чтобы продолжительность прокрутки пикселей. Я видел это на некоторых веб-сайтах, что эффект происходит через определенное количество пикселей, прокручиваемых. - Для пояснения, анимация jQuery такова: .animate (свойства [, duration] [, easing] [, complete]) Продолжительность в секундах. Я хотел бы знать способ достижения такого же эффекта, но с длительностью прокрутки пикселей. Например, что-то замирает от 50 до 100 пикселей, но НЕ ЗАПУСКАЕТСЯ, когда вы нажмете 40 пикселей. Если вы прокрутите вниз, это имеет его: http://squarespace.com/home/overview/

Answer 1

Вот то, что вы ищете - Я думаю ... Попробуйте эту скрипку, чтобы начать работу:

http://jsfiddle.net/pu1yLe4u/4/

УДАЧИ

window.addEventListener("scroll", function() { 
    console.log(window.pageYOffset); 
    if (window.pageYOffset > 20) { 
     $('.moveme').css('transform', 'rotate(180deg)'); 

    } else { 
     $('.moveme').css('transform', 'rotate(360deg)'); 
    } 
}, false);