Не нравятся результаты поиска? Попробуйте другой поиск!
DLE FAQ » Вопросы КЭПу » Скролл к следующей странице?

Скролл к следующей странице?


     16.02.2015    Вопросы КЭПу    2331

вопрос
Доброго времени суток. Есть скрипт fullpage.js, но по некоторым причинам он мне не подходит, пытаюсь написать свой. Суть скрипта в прокрутке экрана до следующей страницы. То есть, сайт состоит из полноэкранных страниц, если пользователь скролит вниз, нужно чтобы он попадал принудительно на след страницу, если вверх то на предыдущую.

Написал сие чудо:

function fullscroll() {
    var getwinheight = $(window).height();
    var getscreennum = $(".js-screen").length;
    var fullheight = getwinheight * getscreennum;
    
    var lastScrollTop = 0;
    
    $(window).scroll(function(event){
       waitForFinalEvent(function () {
          
      
       var st = $(this).scrollTop();
       var getscroll = $(document).scrollTop();
       if (st > lastScrollTop){
            
          
          
       } else {
          
          
          
       }
            
            
        
       lastScrollTop = st;
            
       }, 100, "some unique string");
    });
    


Но не совсем понятно, как построить цикл while или for, для определения текущей позиции экрана в получить значение следующий страницы.

По логике вещей мы имеем высоту экрана " var getwinheight = $(window).height(); ", имеем количество полноэкранных страниц "var getscreennum = $(".js-screen").length;". Есть функция которая определяет дирекцию сролла. Но как мне правильно написать сам цикл, если я правильно понимаю, нужно взять текущую позицию скролла " var getscroll = $(document).scrollTop();", и сравнить ее с положением экрана, то есть "while(windows-height > scrolltop) ", но все мои попытки безуспешны. Помогите пожалуйста.

Ответил: КЭП


Скролл к следующей странице?

— Тогда мы идём к вам!

2 комментария

werty1001
Юзер

werty1001 - 17 февраля 2015 07:33 -

Если я правильно понял, что требуется, то вот накидал небольшой пример. Можете от него плясать уже, а вообще плагинов для подобной реализации скролла полно.

evenegrad
Юзер

evenegrad - 17 февраля 2015 14:52 -

Огромное вам спасибо, вы очень помогли!

Чтобы комментировать - войдите или зарегистрируйтесь на сайте

Похожие вопросы

наверх