Scroll interno sin frames

Muchas veces tenemos que hacer un scroll interno, y lo primero que nos viene a la mente es el uso de un frame o un i-frame, muchas veces hice esto pero saben hay un incoveniente el buscador no indexa el contenido del frame-iframe, para solucionar este problema encontré un script que nos ayuda a hacer un scroll dentro de la misma pagina, acontinuacion les explico como utilizarlo.

Paso 1En la carpeta encontraras varios ejemplos, únicamente mostrare como funciona el ejemplo 1:P.
Para comenzar agrega en la cabezera los estilos o si lo prefieres metelos a tu hoja de estilos.

Paso 2Llama a tu jsScroller.js y crea un nuevo scroll detonando la función jsScroller y asigandoselo a la variable scroller.

Paso 3Dentro de tu estilo Container agrega las siguientes propiedades a las imagenes flechas (arriba-abajo).

Paso 4Dentro de los siguientes 2 estilos agrega el contenido de tu scroll.

Si necesitas mas informacion visita http://www.n-son.com/scripts/jsScrolling/.


Espero que te haya gustado este Post! Muchas veces el tiempo me impide responder todos los comentarios, unete al
Foro seguro ahi respondemos tus dudas, unete y se parte de esta comunidad.

8 Respuestas en “Scroll interno sin frames”

  1. Gravatar

    gabriel

    el 23 Sep 2007 a las 23:16 #

    a que te refieres con que no indexa el contenido.
    exelente tuto (Y)

  2. Gravatar

    carlkof

    el 26 Sep 2007 a las 15:05 #

    Muy bueno :D

    Nadamas le falta mas actividad a esta pagina pero en si toda la informacion esta muy padre y completa.

  3. Gravatar

    Rodrigo-Λzul

    el 26 Sep 2007 a las 18:16 #

    Que onda!!! gabriel & carkof!!! bueno me refiero con indexar a que, el buscador no detectara el contenido que tiene el frame o i-frame, lo toma como un espacio donde mostraras una pagina y no como parte de la pagina que estas viendo.

    carkof mil disculpas bro es que estaba trabajando y estudiando y no tenia tiempo, pero por ahora no trabajo asi que actualizare la web constantemente!!

  4. Gravatar

    Wydblog

    el 28 Sep 2007 a las 18:32 #

    lindo tutorial, muy practico!
    saludos,

    Lucas.

  5. Gravatar

    Renato

    el 03 Nov 2007 a las 10:54 #

    :S
    Muito bom o tutorial, parabéns.
    + 1 fã brasileiro.

  6. Gravatar

    diepar

    el 21 Nov 2007 a las 19:59 #

    Rodrigo de nuevo gracias por tan magnífica ayuda, pero quiero preguntar algo adicional: Como desarrollaste esa transición cuando se da clic en el ejemplo, se oscurece la pantalla y sale como un popup. Me encantaría poder hacerlo. Gracias Un abrazo

  7. Gravatar

    Rodrigo-Λzul

    el 21 Nov 2007 a las 20:06 #

    Hola dipear bueno su nombre es GreyBox y aqui hay una explicacion mas detalla da de como utilizarlo existe otra opcion llamada LightBox la diferencia es que solo que esta es solo para imagenes y el greybox es para visualizar paginas. Saludos men!

  8. Gravatar

    hACK

    el 25 Sep 2008 a las 19:32 #

    no es por mal agradecido pero a las intrucciones aqui yo no les entiendo mejor me leo el contenido del .rar y se me queda mas

Comentar Nombre:

Email:

Website:
Registrate Si quieres tener tu propia imagen para mostrar.
Logueate Si ya estas registrado.
Comentario:
Puedes ocupar estos smilies para tus mensaje
:o: :m2: :a: :jie: (L2) :$ :) :D :wi: (L) :|: :-( :@ :verde: :pena2: :a2: (6) :( :gr: :m3: :m: :cuestion: :mmm: :wa (Y) :S


Este sitio y el tema fueron elaborados por Jose Rodrigo Ayala Caballero. propiedad de WIBER ®.
Alimentado por WordPress