Uso classname: show para decir cuál es el siguiente elemento, pero agrega varios elementos mientras me desplazo. Incluso yo había usado el selector: primero salió mal. ¿O debería obtener el nombre de cada bloque de desplazamiento en una matriz?
Aquí está el origen
$('.scroll-block:first').addClass('show'); $(window).on('mousewheel', function(event) { if (event.originalEvent.wheelDelta <= 0) { $('.scroll-block.show').prev('.scroll-block:first').removeClass('show') $('.scroll-block.show').next('.scroll-block:first').addClass('show') } else { $('.scroll-block.show').next('.scroll-block:first').removeClass('show') $('.scroll-block.show').prev('.scroll-block:first').addClass('show') } }) <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <div class="scroll-wrap"> <div class="scroll-block"></div> <div class="scroll-block"></div> <div class="scroll-block"></div> </div>