Foros del Web » Creando para Internet » CSS »

Efecto deslizamiento

Estas en el tema de Efecto deslizamiento en el foro de CSS en Foros del Web. Buenas tardes a todos, lo primero presentarme porque soy nuevo, muchísimas gracias por todo el tiempo que llevo aprendiendo con vosotros en la sombra. Pongo ...
  #1 (permalink)  
Antiguo 26/04/2011, 08:43
 
Fecha de Ingreso: marzo-2011
Mensajes: 7
Antigüedad: 13 años, 8 meses
Puntos: 0
Información Efecto deslizamiento

Buenas tardes a todos, lo primero presentarme porque soy nuevo, muchísimas gracias por todo el tiempo que llevo aprendiendo con vosotros en la sombra.

Pongo este tema aquí, espero que sea el lugar correcto (diseño)

El otro dia, viendo el efecto "scrollto" (jquery) que hace automáticamente un scroll de un punto a otro suavemente se me ocurrió intentar hacer un efecto de deslizamiento horizontal especial me explico:

Mi idea es, imaginar que tenemos un div que va a ser el fondo (width auto, left y right margins auto) y dentro un div que va a ser el cuerpo (width 1024, left y right margins auto) de tal manera que el cuerpo siempre se mantenga centrado en la ventana, y el fondo se muestre independientemente de lo que estiremos horizontalmente la ventana.

Ahora lo que quiero es que haya, si se puede, un cuerpo exactamente igual, con otro contenido a la derecha de este, siempre oculto independientemente de que se estire la ventana horizontalmente (y que no se pueda hacer scroll horizontal para llegar) y que solo sea accesible mediante un botón con dicho comportamiento (scrollto) de forma que de repente toda la ventana se desplace suavemente hacia la izquierda haciendo aparecer el nuevo bloque, que por supuesto debería comportarse como el primero, siempre centrado y background siempre mostrándose independientemente de lo que se estire la ventana.

Mi pregunta es: es esto posible? se puede ocultar de alguna manera el div para que aparezca de esta manera? Tal vez no se puede conseguir con css y debo manejar otro lenguaje? O sencillamente me quito la idea de la cabeza?

Lo mismo existe un script que ya hace esto y yo me estoy comiendo la cabeza, jejeje.

Mil gracias a todos y si no me he explicado bien, por favor decírmelo.

Muchas gracias!!
  #2 (permalink)  
Antiguo 27/04/2011, 04:07
 
Fecha de Ingreso: marzo-2011
Mensajes: 7
Antigüedad: 13 años, 8 meses
Puntos: 0
Respuesta: Efecto deslizamiento

Hola a todos, ya lo he conseguido :P no es si es la mejor manera, pero es con css como me imaginaba, en resumen la idea está en hacer una máscara que oculte el contenido, a la derecha en este caso, y con "scrollto" movernos a ese punto.

Lo malo es que hay que desactivar el scroll horizontal (si no sería accesible manualmente, lógicamente)

lo bueno es que queda cojonudo :D

la ayuda la he encontrado aquí:

http://www.queness.com/post/356/create-a-vertical-horizontal-and-diagonal-sliding-content-website-with-jquery

Yo básicamente he adaptado dicha información para conseguir no un recuadro, si no una página de 1024 x XXXX y el efecto es el que me proponía, que dé la sensación de que se mueve toda la página entera. Si alguien tiene curiosidad puedo poner lo que he hecho (aunque es una tontería :P)

Un abrizo

Etiquetas: efecto
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:31.