Al desplazarse hacia abajo, la clase se agrega y se elimina de inmediato, como se ve en este video https://radikal.ru/video/Ua66Nz79e5D -radikal.

necesita hacer que el script funcione correctamente para que se elimine el encabezado y el bloque con el reproductor se estire a la pantalla completa con una altura de 100vh

html

 <div class="oneboss"> <div class="header">HEADER</div> <div class="main"> <div class="player"></div> </div> </div>

CSS

 body { width: 100%; min-height: 100%; overflow-x: hidden; } .oneboss { display: flex; flex-direction: column; height: 100vh; overflow: hidden; position: relative; } .main { width: 100%; overflow: hidden; overflow-y: auto; position: relative; } .player { //there is nothing }

js jq

 const $header = $(".header") let prevScroll let lastShowPos $('.main').scroll(function() { const scrolled = $('.main').scrollTop() if (scrolled > 0 && scrolled > prevScroll) { $header.addClass("header_hide") lastShowPos = scrolled } else if (scrolled <= Math.max(lastShowPos - 255, 0)) { $header.removeClass("header_hide") } prevScroll = scrolled });

esta clase se está agregando.

 .header_hide { display:none; }

pls dime como soluciono esto?