Используйте только прокрутку на определенных разделах, в противном случае используйте обычный прокрутки

Прежде всего, я хочу сказать, что мне действительно нравится Scrollify, и теперь я планирую использовать его. Идея моего сайта состоит в том, чтобы иметь некоторые разделы, которые имеют поведение прокрутки и некоторые разделы с обычной прокруткой. Все работает отлично ИСКЛЮЧАЕТ, что я не хочу, чтобы он выполнял привязку прокрутки при переходе из секции привязки в обычный раздел. Так как теперь он привязывает свитки к нормальному разделу, и сначала после того, как он щелкнул, он переходит в обычную прокрутку.Используйте только прокрутку на определенных разделах, в противном случае используйте обычный прокрутки

Другими словами, я думаю, что я ищу, чтобы иметь возможность контролировать, когда включена функция snap-scrolling в зависимости от элемента, который находится в окне просмотра. Может быть, есть более легкое решение.

Есть ли у вас какие-либо предложения?

источник

2016-10-19 arted

Для этого вам, вероятно, потребуется использовать методы отключения и включения.

источник

2016-10-20 09:43:06

Ну вот мой код: – arted

(function() { 
    var firstSection = $('.wrapper .normal-page').eq(0)[0] 
    var firstSectionClassName = $(firstSection).attr('class') 
    var base = this; 

    $.scrollify({ 
    section : ".product-page", 
    sectionName : "section-name", 
    interstitialSection : ".normal-page", 
    easing: "easeOutExpo", 
    scrollSpeed: 1100, 
    offset : 0, 
    scrollbars: true, 
    standardScrollElements: ".normal-page", 
    setHeights: true, 
    overflowScroll: true, 
    before:function(index, arr) { 
     var currentItem = $.scrollify.current().attr('class') 

     if (currentItem !== "product-page") { 

     $.scrollify.disable(); 
     } 

    }, 
    after:function() { 

     $.scrollify.enable(); 
    }, 
    afterResize:function() { 

    }, 
    afterRender:function() { 
     console.log("move to the top") 
     $.scrollify.instantMove("#" + firstSectionClassName) 

    } 
    }); 
})() 

HTML 

<body> 
    <div class="wrapper"> 
     <div class="normal-page"></div> 
     <div class="product-page"></div> 
      <div class="normal-page"></div> 
     <div class="product-page"></div> 
     <div class="normal-page"></div> 
    </div> 
</body>

, так что я уже пытаюсь с включением и отключением методами, но

источник

2016-10-20 12:03:20 arted

Используйте только прокрутку на определенных разделах, в противном случае используйте обычный прокрутки

ответ

Смежные вопросы