vertikaler Schieberegler auf Bildlauf

Question

Ich suche nach einem Schieberegler, der die Dias vertikal auf Scroll ändern sollte.

Dies ist refrence Url: https://www.uber.com/ Der Mobile Slider

Bitte helfen Sie mir, ich diese since7,8 Stunden zu tun versuchen. Dies ist der Code, den ich versuche zu verwenden.

$(document).ready(function() { 

// var totalheight=$(window).height(); 
// $('.carosel-section').css('height',totalheight); 

//Set each section's height equals to the window height 
//$('.moveable').height($(window).height()); 

$('.moveable').first().addClass('active'); 

$('.carousel-wrap').on('mousewheel DOMMouseScroll', function (e) { 
    e.preventDefault();//prevent the default mousewheel scrolling 
    var active = $('.moveable.active'); 
    var delta = e.originalEvent.detail < 0 || e.originalEvent.wheelDelta > 0 ? 1 : -1; 

    if (delta < 0) { 
     //mousewheel down handler 
     next = active.next(); 
     if (next.length) { 
      var timer = setTimeout(function() { 
       $('body, html').animate({ 
        scrollTop: next.offset().top 
       }, 'fast'); 

       // move the indicator 'active' class 
       next.addClass('active') 
        .siblings().removeClass('active'); 

       clearTimeout(timer); 
      }, 100); 
     } 

    } else { 
     prev = active.prev(); 

     if (prev.length) { 
      var timer = setTimeout(function() { 
       $('body, html').animate({ 
        scrollTop: prev.offset().top 
       }, 'slow'); 

       prev.addClass('active') 
        .siblings().removeClass('active'); 

       clearTimeout(timer); 
      }, 800); 
     } 

    } 
}); 

}); 

Answer 1

Haben Sie bei Parallax.js suchen versucht? Ich denke, das ist es wonach Sie suchen. Die Beispiele auf der Hauptseite sollten Ihnen einen schnellen Einstieg ermöglichen!