$(window).wroll в ванильном JavaScript

  • Что эквивалентно следующему в простом JS?

    $(window).scroll(function() { });

  • Я также ищу анимационный свиток, например:

    $('html, body').animate({scrollTop:1750}, 'slow');

Должен ли я использовать requestAnimationFrame?

http://paulirish.com/2011/requestanimationframe-for-smart-animating/

Есть ли какие-либо примеры, которые запускают анимацию один раз при щелчке и не непрерывно отображаются?

Ответы

Ответ 1

Вопрос 1

window.onscroll = function() {
    console.log('scrolling');
};

или если поддерживается целевые браузеры addEventListener:

window.addEventListener('scroll', function() {
        console.log('scrolling');
});

Вопрос 2

На мой взгляд, если вы просто прокручиваете из одного раздела в другой раздел своей страницы и не выполняете какое-то постоянное движение прокрутки, вы прекрасно это делаете без использования requestAnimationFrame.

Вы можете найти хорошие реализации прокрутки к определенной части окна в чистом javascript, я предлагаю проверить их источник (или даже использовать их).