Блог

Я пытаюсь реализовать функцию, при которой, если пользователь прокручивает колесо мыши, оно прокручивается вниз до следующего раздела, а когда они прокручиваются снова, оно снова прокручивается до следующего раздела. Вот один из примеров: https://dolomiti.lefayresorts.com/en

По какой-то причине мой код не работает. Вот мой код:

         var justscrolled = false;
        
        function scrollUp(){
            if(scrollPos > 0){
                scrollPos--;
                scrollToSection(scrollPos);
            }
        }
        
        function scrollDown(){
            if(scrollPos < maxScroll){
                scrollPos  ;
                scrollToSection(scrollPos);
            }
        }
        
        function scrollToSection(index){
            justscrolled = true;
            var to = $("#section"   index).offset().top;
            console.log(index);
            console.log(to);
            $(document).scrollTop(to);
        }
        
        $(window).bind('mousewheel', function(event) {
            if (event.originalEvent.wheelDelta >= 0) {
                if(justscrolled){
                    justscrolled = false;
                    console.log("A");
                }
                else{
                    scrollUp();
                    console.log("B");
                }
            }
            else {
                console.log("downscroll");
                if(justscrolled){
                    console.log("A");
                    justscrolled = false;
                    
                }
                else{
                    console.log("B");
                    scrollDown();
                    
                }
                
            }
        }); 
 

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

Вот полный HTML-файл, который вы можете протестировать и увидеть, что он не работает: https://pastebin.com/EuGS5G2a