Веб-сайт с прокруткой на одну страницу с использованием jquery

Привет ребята из Stackru,

Я хочу создать сайт с прокруткой одной страницы, но я не хочу использовать какую-либо внешнюю библиотеку. Итак, я придумала эту технику, она прекрасно работает для локального теста, но я хочу знать, является ли этот фрагмент кода логичным или у него могут быть потенциальные проблемы на полном веб-сайте. Я спрашиваю, потому что в моем поиске я не нашел этот подход для одностраничного сайта, я хочу знать причину, почему не это. Поэтому, пожалуйста, укажите мне в правильном направлении. Любые предложения или комментарии приветствуются. Спасибо за вашу поддержку. https://jsfiddle.net/emalik/xpvt214o/539446/

var current 
$(function() {
    var timerId;

    $('.one-page').bind('DOMMouseScroll mousewheel', function(e){

        e.preventDefault();

        var $current = $('section.current');

        if(e.originalEvent.wheelDelta > 0 || e.originalEvent.detail < 0) {

            //console.log(e.originalEvent.wheelDelta);    
            //console.log("UP");
            $prev = $current.prev();

            if ($prev.length) {

                clearTimeout(timerId);
                timerId = setTimeout(function(){
                    $current.removeClass('current');
                    $prev.addClass('current');    
                    $('body,html').animate({
                        scrollTop: $('.current').offset().top
                    }, 200);         
                }, 200) 
            }
        }

        else{
            //             console.log("DOWN");
            $next = $current.next();
            if ($next.length) {
                clearTimeout(timerId);
                timerId = setTimeout(function(){
                    $current.removeClass('current');
                    $next.addClass('current');
                    $('body,html').animate({
                        scrollTop: $('.current').offset().top
                    }, 200);         
                , 200) 
            }
        }
    });
});

0 ответов

Другие вопросы по тегам