entre Desarrolladores

Recibe ayuda de expertos

Registrate y pregunta

Es gratis y fácil

Recibe respuestas

Respuestas, votos y comentarios

Vota y selecciona respuestas

Recibe puntos, vota y da la solución

Pregunta

1voto

Problemas con overflow-x

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.

0voto

carlossevi comentado

¿Podemos probarlo en algún sitio?

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...

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.

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 favor, accede o regístrate para responder a esta pregunta.

Otras Preguntas y Respuestas


...

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

Conecta