Inhabilitar scroll del body pero mostrar scrollbar
3 seguidores
Buenos días, tengo un problema que no soy capaz de solucionar. La historia es que tengo que deshabilitar el scroll del body, pero que a su vez se muestre la barra. He problado con:
$('body').css('overflow', 'hidden');
Lo inhabilita pero desaparece la barra. También he puesto:
$('body').css('overflow-y', 'scroll');
Pero nada, no la muestra... Alguna solución?
Muchas gracias
Saludos
feliper
Hola,
un poco raro lo que quieres hacer, puedo preguntar porqué ?
prueba así
// pones el SCROLL que se vea
$('body').css('overflow-y', 'scroll');
// capturas el evento SCROLL de la ventana entera
$( window ).scroll(function() {
// cuando intentas hacer scroll lo deshabitas, esto lo oculta
$('body').css('overflow', 'hidden');
// esperas 2 segundos y lo vuelves a mostrar
setTimeOut("$('body').css('overflow', 'scroll')",2000)
});
saludos !!
dpdesign
Si es un poco raro si jejeje. A ver, la cosa es que tengo una serie de trabajos, que al hacer click se superpone un div en blanco que cubre todo el body para mostrar dicho trabajo, si se permite hacer scroll este div se sube o baja dejando a la vista dichos trabajos (queda muy cutre) y si hago que el scrollbar desaparezca, también queda muy cutre porque se mueve todo el body hacia la derecha tantos px como ancho tiene el scrollbar (no se yo si me he explicado jeje)
Gracias por la respuesta pero tampoco me funciona...
fakito
Igual podrías poner el div con posicionamiento fixed para que no se mueva al hacer scroll, mira este ejemplo a ver si te vale:
http://codepen.io/anon/pen/tvECG
dpdesign
Mil gracias!!! Perfecto!!