Hacer Pregunta

Conecta

1voto

Problemas con overflow-x

preguntó
Web
684 Vistas
1 Respuestas
abierta

Buen dia, lo que me sucede es que he inhabilitado o escondido la barra de scroll horizontal con overflow-x: hidden;, bueno con esa sentencia se oculta pero el inconveniente es que cuando el contenido de la pagina es mas grande que el scroll vertical se me duplica el scroll vertical me quedan dos barras de scroll vertical en la cual solo una me sirve.
He probado habilitando el overflow-y e inhabilitando overflow-x o simplemente inabilitando todo el overflow he ensayado todo tipo de combinaciones hasta modificar el ancho y alto de la plantilla, el margin y padding y siempre me sigue apareciendo ese doble scroll vertical.
La pagina la estoy programando desde cero para joomla en local con xampp y framework bootstrap 3, de antemano agradezco su ayuda y conocimiento. Gracias.

por KoffeeSoft (970 puntos) en Web

0voto

carlossevi comentado

¿Podemos probarlo en algún sitio?

por carlossevi (63.580 puntos)

0voto

Leonardo-Tadei comentado

Cómo dice Carlos, deberíamos poder ver el código en algún lado para ver qué es lo que pasa.

Si no te esposible subir todo el Joomla, podrías al menos guardar la página que te da este error desde el navegador y publicar una versión estática: solo tendrías que subir esa página y los CSS y JS relacionados...

por Leonardo-Tadei (227.320 puntos)

0voto

KoffeeSoft comentado

Hola, en si son los scrollbar del body no es de ningun tipo de contenedor diferente ni caja de contenedor, el codigo que uso es el basico.

    body {
   width: 100%;
   height: 100%;
   margin: 0px;
   padding: 0px;
   background-color: #fff;
   overflow-x: hidden;
}

Gracias.

por KoffeeSoft (970 puntos)

1 Respuesta

0voto

LxDAndromeda Puntos2440

Tienes que tener en cuenta que los contenedores no sean más pequeños que lo que contienen, revisa esto para que te des una idea:

    <!DOCTYPE html>
    <html lang="es">
    <head>
    <meta charset="UTF-8">
    <title>Prueba</title>
    <style type="text/css">
        #prueba1 {
            width: 200px;
            height: 200px;
            background-color: black;
            overflow-y: scroll;
            overflow-x: scroll;
        }

        #prueba2 {
            width: 100px;
            height: 100px;
            background-color: red;
            overflow-y: scroll;
            overflow-x: scroll;
        }

        #prueba3 {
            width: 100px;
            height: 100px;
            background-color: green;
            overflow-y: scroll;
            overflow-x: scroll;
        }

        #prueba4 {
            width: 200px;
            height: 200px;
            background-color: blue;
            overflow-y: scroll;
            overflow-x: scroll;
        }
    </style>
</head>
<body>
    <div id="prueba1">
        <div id="prueba2">

        </div>
    </div>
    <br>
    <div id="prueba3">
        <div id="prueba4">

        </div>
    </div>
</body>
</html>
por LxDAndromeda (2.440 puntos)

Por favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


Sin Respuesta

Preguntas relacionadas

Actividad Reciente

Ultimas Preguntas

Preguntas relacionadas

Usuarios Top

Todos los Usuarios Usuarios Nuevos

Etiquetas

Categorías

...

Bienvenido a entre Desarrolladores, donde puedes realizar preguntas y recibir respuestas de otros miembros de la comunidad.

Etiquetas

Categorías

Conecta