Autor Tema: [Ayuda] Scroll hasta el final del DIV  (Leído 8139 veces)

Desconectado javipilo

  • PHPero Experto
  • *****
  • Mensajes: 975
  • Karma: 31
  • Sexo: Masculino
    • Ver Perfil
[Ayuda] Scroll hasta el final del DIV
« en: 11 de Noviembre de 2011, 20:45:13 pm »
Buenas, he estado buscando en google y no encuentro nada, puede ser que no me exprese bien para las búsquedas...

La cosa es que tengo un div con una altura fija que recibe datos desde un archivo PHP mediante load y cuando recibo los datos tengo que bajar manualmente hasta abajo manualmente, ¿alguien sabe un código o algo para que baje hasta el final sola sin usar frames?

Saludos y gracias de antemano

Comunidad PHPeros

[Ayuda] Scroll hasta el final del DIV
« en: 11 de Noviembre de 2011, 20:45:13 pm »

Desconectado Mixvice

  • PHPero Experto
  • *****
  • Mensajes: 687
  • Karma: 32
  • Sexo: Masculino
  • ¡Y Tu Papá Tambien!
    • Ver Perfil
    • Tuhabbo
Re:[Ayuda] Scroll hasta el final del DIV
« Respuesta #1 en: 11 de Noviembre de 2011, 22:32:37 pm »
Creo que sería posible agregar un enlace:

Código: [Seleccionar]
<a href="#abajo">Ir abajo</a>
y un id a un div

Código: [Seleccionar]
<div id="#abajo"> lo que sea </div> xD

Desconectado westwest

  • PHPero Master
  • ******
  • Mensajes: 2.837
  • Karma: 104
  • Sexo: Masculino
    • Ver Perfil
Re:[Ayuda] Scroll hasta el final del DIV
« Respuesta #2 en: 11 de Noviembre de 2011, 23:06:11 pm »
jQuery tiene una función scroll() para mover la página, tal vez te sirva.

Desconectado OmaarV

  • PHPero Avanzado
  • ****
  • Mensajes: 304
  • Karma: 20
  • Sexo: Masculino
  • OmarVega
    • Ver Perfil
Re:[Ayuda] Scroll hasta el final del DIV
« Respuesta #3 en: 12 de Noviembre de 2011, 16:03:25 pm »
div{
Height:400px;
overflow:scroll;
}

Desconectado Tetule

  • PHPerit@
  • *
  • Mensajes: 8
  • Karma: 0
  • Nuev@ PHPer@
    • Ver Perfil
Re:[Ayuda] Scroll hasta el final del DIV
« Respuesta #4 en: 12 de Noviembre de 2011, 22:17:51 pm »
Hola, para poner una barrita para mover tu div de arriba a abajo (scroll) debes poner el siguiente estilo a tu div:

Código: [Seleccionar]
#nombredetuID {
height:900px;
overflow-y: scroll;
}

Si por lo contrario, si quieres que el scroll salga de izquierda a derecha cambias overflow-y: scroll; por overflow-x: scroll;.

Desconectado nmartin021

  • PHPero Avanzado
  • ****
  • Mensajes: 250
  • Karma: 9
    • Ver Perfil
Re:[Ayuda] Scroll hasta el final del DIV
« Respuesta #5 en: 12 de Noviembre de 2011, 22:38:57 pm »
Hola, para poner una barrita para mover tu div de arriba a abajo (scroll) debes poner el siguiente estilo a tu div:

Código: [Seleccionar]
#nombredetuID {
height:900px;
overflow-y: scroll;
}

Si por lo contrario, si quieres que el scroll salga de izquierda a derecha cambias overflow-y: scroll; por overflow-x: scroll;.
El no quiere que le salga la barrita, sino que, al haber muchos datos que no caben en el div, que baje sólo, o que "baje" la barrita hasta abajo

Saludos

Desconectado Mixvice

  • PHPero Experto
  • *****
  • Mensajes: 687
  • Karma: 32
  • Sexo: Masculino
  • ¡Y Tu Papá Tambien!
    • Ver Perfil
    • Tuhabbo
Re:[Ayuda] Scroll hasta el final del DIV
« Respuesta #6 en: 13 de Noviembre de 2011, 02:27:09 am »
Puedes hacerlo con el enlace como te dije, no recuerdo si era con un id o la etiqueta name en el div igual prueba, si no esta scroll() de jquery o bien, busca un script creado en jquery en google "boton ir arriba" y lo modificas para que vaya hacia abajo xD

Desconectado javipilo

  • PHPero Experto
  • *****
  • Mensajes: 975
  • Karma: 31
  • Sexo: Masculino
    • Ver Perfil
Re:[Ayuda] Scroll hasta el final del DIV
« Respuesta #7 en: 19 de Noviembre de 2011, 22:29:23 pm »
He encontrado una mejor forma de hacerlo, mostrándolo arriba y así no tengo que usar js, gracias igualmente.

Saludos

Desconectado nmartin021

  • PHPero Avanzado
  • ****
  • Mensajes: 250
  • Karma: 9
    • Ver Perfil
Re:[Ayuda] Scroll hasta el final del DIV
« Respuesta #8 en: 20 de Noviembre de 2011, 04:16:53 am »
Pues mira, googleé y el primer resultado es la solución:
Código: [Seleccionar]
$('#div').attr('scrollTop', $('#div').attr('scrollHeight'));

La mejor web para solucionar tus problemas: click aquí

Desconectado javipilo

  • PHPero Experto
  • *****
  • Mensajes: 975
  • Karma: 31
  • Sexo: Masculino
    • Ver Perfil
Re:[Ayuda] Scroll hasta el final del DIV
« Respuesta #9 en: 20 de Noviembre de 2011, 21:12:30 pm »
Lo que ocurre es que aveces pasas 1000 p***s horas buscando y no encuentras nada de nada por que no se te ocurre que preguntar.

Desconectado nmartin021

  • PHPero Avanzado
  • ****
  • Mensajes: 250
  • Karma: 9
    • Ver Perfil
Re:[Ayuda] Scroll hasta el final del DIV
« Respuesta #10 en: 20 de Noviembre de 2011, 23:14:03 pm »
¿Pero te sirvió?