Заставить пользователя прокрутить ширину горизонтального div, прежде чем продолжить - PullRequest
Новая
       7

Заставить пользователя прокрутить ширину горизонтального div, прежде чем продолжить

0 голосов
/ 13 февраля 2019

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

Вот то, что у меня есть в настоящее время 

console.log("start"); 

var stickyTop = $('.middle').offset().top;

$(window).on( 'scroll', function(){
    if ($(window).scrollTop() >= stickyTop) {
        $('.middle').removeClass("no")
        $('.middle').addClass( "yes" );
        console.log("at the top, now scroll");
    } else {
        $('.middle').addClass( "no" );
        console.log("not at top, don't scroll");
    }
});


var mySwiper = new Swiper('.swiper-container', {
    mousewheel: true,
    direction: 'horizontal',
    slidesPerView: 'auto',
    spaceBetween: 0,
    simulateTouch: false,
    freeMode: true,
    touchStartForcePreventDefault: true
  });

, и вот кодовый блок с большим количеством кода, чтобы вы могли получить лучшую идею, вы можете видеть, что сейчас div будет зависать, но они не могутпрогресс за его пределами.

https://codepen.io/anon/pen/RvJLOZ

...