Comunidad de diseño web y desarrollo en internet online

overflow con scroll pero sin barras, ¿se puede?

Citar            
MensajeEscrito el 17 Ago 2012 02:46 pm
¿Se puede hacer un div con overflow scroll o auto, pero sin que se vean las barras de desplazamiento?

Código CSS :

.overflow{
  width:115px;
  height:100px;
  background:#DCEBF2;
  overflow:auto;
}

Código HTML :

<div class="overflow">lorem ipsum, quia dolor sit, amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt, ut labore et dolore magnam aliquam quaerat voluptatem. ut enim ad minima veniam, quis nostrum exercitationem ullam corporis suscipit laboriosam, nisi ut aliquid ex ea commodi consequatur? quis autem vel eum iure reprehenderit, qui in ea voluptate velit esse, quam nihil molestiae consequatur, vel illum, qui dolorem eum fugiat, quo voluptas nulla pariatur?</div>

Por walden

Claber

120 de clabLevel



 

safari
Citar            
MensajeEscrito el 12 Sep 2012 08:51 am
Precisamente hoy, por error, he acabado con un overflow:auto, pero sin barras de desplazamiento.
Ya lo he solucionado, pero mi error seguro que te ayuda a conseguir lo que quieres.
Crea un div con una anchura X y un overflow:hidden (la ancura de este div tiene que ser menor que la anchura del div que vamos a meter dentro).
Dentro de este div metes tu <div class="overflow">.
Como el div contenedor es más estrecho que el <div id="overflow"> y le hemos puesto un overflow:hidden, desaparecerán las barras de desplazamiento.
Eso si, tienes que ajustar muy bien con css la anchura del contenedor para que quede lo más perfecto posible.
Espero haberte ayudado.

Por terreo76

12 de clabLevel



 

Diseñador web

firefox
Citar            
MensajeEscrito el 12 Sep 2012 03:29 pm

terreo76 escribió:

Precisamente hoy, por error, he acabado con un overflow:auto, pero sin barras de desplazamiento.

Eso no es un error... es lo que yo buscaba. :)

Voy a probarlo.

Por walden

Claber

120 de clabLevel



 

safari
Citar            
MensajeEscrito el 07 Oct 2012 06:38 pm
Jaja que interesante resultado. Ya lo probé y muchos lo consideraríamos un error jeje pero queda muy interesante el resultado

Por Germana.Fernandez

9 de clabLevel



Genero:Femenino  

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.