¿Este es mi código de inicio para ocultar la barra de desplazamiento? ¿Cómo editarlo para que solo se muestre al pasar el mouse?
En este momento, solo se desplaza cuando se hace clic.
'
/* Hide scrollbar for Chrome, Safari and Opera */ #hide-scrollbar::-webkit-scrollbar { display: none;} /* Hide scrollbar for IE, Edge and Firefox */ #hide-scrollbar { -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */ }'
$( function() { var timer, count = 0, MAX_ITERATIONS = 100; timer = setInterval( function() { $( '#hide-scrollbar' ).scroll(); if ( ++ count > MAX_ITERATIONS ) { clearInterval( timer ); } }, 10 ); });'
Puede que no entienda bien tu problema, pero tal vez puedas solucionarlo con este css:
#hide-scrollbar:not(:hover)::-webkit-scrollbar { display: none; } #hide-scrollbar:not(:hover) { -ms-overflow-style: none; scrollbar-width: none; }Ahora la barra de desplazamiento desaparecerá en el momento en que ya no estés flotando. Para mezclarlo, debe desplazarse en el div. Si desea combinarlo en el momento en que pasa el mouse sobre el div, consulte esto: CSS - Desbordamiento: Desplazarse; - ¿Mostrar siempre la barra de desplazamiento vertical?
Para obtener una mejor ayuda, proporcione más detalles sobre su problema.