Как узнать количество пикселей, которые пользователь прокрутил вниз по странице?

Question

Предположим, у нас есть HTML-страница с большой высотой. Так что будет вертикальная полоса прокрутки.

Когда пользователь прокручивает страницу вниз, я хочу знать, сколько он прокрутил, используя javascript (jquery). Я полагаю ... Возможно ли это?

Answer 1

В чистом javascript вы можете просто сделать так:

window.onscroll = function (e) {
    console.log(window.scrollY); // Value of scroll Y in px
};

Больше информации (Сеть разработчиков Mozilla):

• onscroll
• scrollY

Answer 2

Вы можете сделать это, используя .scroll () и .scrollTop () .

 $(window).scroll(function() {
     // use the value from $(window).scrollTop(); 
 });

См. Также вопрос .

Answer 3

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

    <script>
    $(document).ready(function(){
        $(window).scroll(function(){
            var scrollTop = 620;
            if($(window).scrollTop() >= scrollTop){
                $('.Nav').css({
                    position : 'fixed',
                    top : '0'
                });
            }
            if($(window).scrollTop() < scrollTop){
                $('.Nav').removeAttr('style');  
            }
        })
    })
    </script>

Answer 4

Да. См. scrollTop () в jQuery, который содержит свойство scrollTop DOM.