Tema: ¿cuando yo ocupo esta función window.scrollBy(0,30) creo un scroll en la pagina,pero
Ver Mensaje Individual
  #4 (permalink)  
Antiguo 22/10/2011, 22:21
Avatar de jor_0203
jor_0203
 
Fecha de Ingreso: octubre-2011
Ubicación: mexico
Mensajes: 760
Antigüedad: 13 años, 2 meses
Puntos: 8
Respuesta: ¿cuando yo ocupo esta función window.scrollBy(0,30) creo un scroll en la p
Cita:
Iniciado por Raziel_Ravenheart Ver Mensaje
Para que el scroll lo tenga el div, tienes que utilizar css, con una propiedad que se llama overflow, los valores que acepta overflow, son:

-auto: El navegador selecciona cuando mostrar y cuando no, las barras de desplazamiento, obvio, cuando el contenido del div, sobrepasa su tamaño
-hidden: todo contenido fuera del div, no se ve, y nunca le salen las barras de desplazamiento
-scroll: aunque el contenido ocupe menos espacio que el div, siempre va a tener las barras de desplazamiento

el código sería algo como lo siguiente:

Código HTML: 
Ver original
  1. <html>
  2. <head>
  3.     <style type="text/css">
  4.         .scrollable {
  5.            width: 400px; /*Este tamaño es solo de referencia*/
  6.            height: 100px; /*Lo mismo con este, es para ver el efecto sin mucho contenido*/
  7.            overflow: auto;
  8.            
  9.            border: 3px #696 groove;
  10.         }
  11.     </style>
  12. </head>
  13.  
  14. <body>
  15.  
  16. <div id="contenedor" class="scrollable" >
  17. contenido, para llenar este espacio de prueba<br />
  18. contenido, para llenar este espacio de prueba<br />
  19. contenido, para llenar este espacio de prueba<br />
  20. contenido, para llenar este espacio de prueba<br />
  21. contenido, para llenar este espacio de prueba<br />
  22. contenido, para llenar este espacio de prueba<br />
  23. contenido, para llenar este espacio de prueba<br />
  24. contenido, para llenar este espacio de prueba<br />
  25. contenido, para llenar este espacio de prueba<br />
  26. contenido, para llenar este espacio de prueba<br />
  27. contenido, para llenar este espacio de prueba<br />
  28. contenido, para llenar este espacio de prueba<br />
  29. contenido, para llenar este espacio de prueba<br />
  30. contenido, para llenar este espacio de prueba<br />
  31. contenido, para llenar este espacio de prueba<br />
  32. contenido, para llenar este espacio de prueba<br />
  33. contenido, para llenar este espacio de prueba<br />
  34. contenido, para llenar este espacio de prueba<br />
  35. contenido, para llenar este espacio de prueba<br />
  36. contenido, para llenar este espacio de prueba
  37. contenido, para llenar este espacio de prueba
  38. contenido, para llenar este espacio de prueba
  39. contenido, para llenar este espacio de prueba
  40. contenido, para llenar este espacio de prueba
  41. contenido, para llenar este espacio de prueba
  42. contenido, para llenar este espacio de prueba
  43. contenido, para llenar este espacio de prueba
  44. contenido, para llenar este espacio de prueba
  45. contenido, para llenar este espacio de prueba
  46. contenido, para llenar este espacio de prueba
  47. contenido, para llenar este espacio de prueba
  48. contenido, para llenar este espacio de prueba
  49. contenido, para llenar este espacio de prueba
  50. contenido, para llenar este espacio de prueba
  51. </div>
  52.  
  53. </body>
  54. </html>

Copia y pega este ejemplo y verás que funciona de maravilla,... si necesitas más ayuda.. pregunta..

Saludos
pero lo que falta son los botones con lo que controlamos que suba y baje el contenido y que la barra no se vea, de todos modos mil gracias