На этом сайте http://www.contrastrebellion.com/ примерно на полпути есть круг, который вращается в зависимости от того, как далеко или вверх вы прокручиваете страницу. Как этого достичь, не полагаясь на Facebook, как этот сайт?
Функция была реализована в http://www.contrastrebellion.com/public/js/script.js?2
Посмотрите на блок кода, начинающийся с
$(window).scroll(function(e) {
Он использует jQuery .scroll и CSS-преобразований (включая его версии для браузера) для эффекта.
.scroll
Примечание: в моем главном браузере не работает волшебство JS, потому что я блокирую домены Facebook. Мораль истории: не заставляйте свой весь JS зависеть от одного небольшого подмножества вашего набора функций сайтов.
Они используют CSS3-свойство transform со значением поворота, основанным на текущей позиции прокрутки.
transform