¿Cómo puedo desactivar las barras de desplazamiento de una página?

Question

cómo deshabilitar las barras de desplazamiento de la página.

y deshabilitar este botón.

Answer 1

$(window).scroll(function() { 
    scroll(0,0); 
}); 

Answer 2

No se puede desactivar ese botón (o cualquier otro método de desplazamiento de la página); see this. Sin embargo, puede desplazarse a (0,0) cada vez que detecte desplazamiento. Esto podría verse feo (la página se desplaza un poco, luego salta hacia arriba).

Para deshabilitar las barras de desplazamiento, puede intentar configurar html, body { overflow: hidden }; Creo que algunos navegadores pueden no honrar esto.

(¿No sería mejor simplemente crear una página que encaja en la ventana gráfica, de manera que las barras de desplazamiento no se muestran?)

Answer 3

Las barras de desplazamiento son un problema de CSS. Se puede añadir a su página (o la parte interna de un archivo CSS):

<style type="text/css"> 
html, body { 
    overflow: hidden; 
} 
</style> 

Answer 4

document.body.scroll = "no"; 
document.body.style.overflow = 'hidden'; 
document.height = window.innerHeight; 

debe desactivar las barras de desplazamiento en la mayoría de los navegadores.

Ver: http://www.eggheadcafe.com/community/aspnet/3/10088543/how-to-disable-document-body-from-scrolling.aspx

Answer 5

Esto funciona: * {overflow: hidden} Uno de los problemas que tengo cuando averiguarlo era que tengo un CSS desplegable (así deslizarse a través) del menú en la página y que doesn' Mostrar cuando uso este método. Todavía estoy intentando descubrir cómo hacer que el menú desplegable funcione con esto habilitado.

Answer 6

Estoy haciendo un sitio web móvil, pero no quiero que sea un montón de páginas web, por lo que estoy convirtiendo una página con el desplazamiento deshabilitado. Hice esto con

<style> 
    html, body { 
    overflow: hidden; 
    } 
    </style> 

Answer 7

Esto eliminará su barra de desplazamiento. [Lo hice por accidente]

@media screen{   
body>div#header{   
position:fixed;   
}   
body>div#footer{   
position:fixed;   
} `