jQuery: flotar y hacer slide según scroll

[pzin]

Buenas,

estoy intentando que una paginación de un foro "flote" sobre el resto para que siga el scroll del navegador.

En principio todo está bien, el único problema es que, necesito que empiece a moverse cuando el scroll haya llegado a su altura y no antes, que es lo que está pasando.

Lo que tengo es esto. (en firefox se ve bien, aunque funcionar en todos creo)

Estoy usando el plugin dimensions.

¿Alguna idea u otro plugin que soporte esto?

¡Gracias!

[javi_freelance]

Pues no se a que te refieres, porque desde el firefox el scroll se ve siempre en el centro de la pantalla más o menos, y al bajar, el scroll te sigue, así que creo que sí que funciona bien( o no he entendido la pregunta).

Y en IE6 no funciona. No se ve el scroll.

[mayid]

A mi me llama la atencion lo que pasa al llegar a pie de pagina. Estas paginando con ajax y a condicion de scroll?

Respecto a tu barrita de paginacion, habrias de ver que proporciones maneja el plugin y exagerarlas un poco. Sumales unos 200px a los limites verticales de la pantalla.

[pzin]

Gracias por vuestras respuestas.

La paginación se hace desde el servidor. Lo único que hace jQuery es mover.

Ahora mismo la capa que contiene la paginación tiene un margen superior de unos 300 píxeles. Lo que quería conseguir es que esa capa se empiece a mover cuando el usuario haga scroll y la página se haya movido -scrolleado- hacia abajo unos 300 píxeles, para que parezca, por decirlo de alguna forma, que el borde superior del navegador arrastra esa capa. Ahora mismo, siempre hay una distancia de 300 píxeles -desde el borde superior del navegador, que no de la página- por lo que se empieza a mover la capa haciendo un mínimo de scroll.

Lo de llegar a pie de página también lo he notado. De todas formas, haré lo típico de paginar haciendo 1,2...6,7...10,11 algo así para asegurarme un máximo de X links en la paginación.

IE6, ¿qué es eso?

[pzin]

He encontrado este ejemplo: http://deluxe-menu.com/floatable-menu-sample.html

Es justamente lo que busco. Aunque estaría bien hacerlo con jQuery para ahorrar letritas.

[juaniquillo]

¿esto es lo que buscas?
http://net.tutsplus.com/html-css-tec...query-and-css/

[pzin]

Gracias por la respuesta juaniquillo.

Ese ejemplo que pones sería ideal, si no fuera porque, aunque esté flotando, siempre está en la misma posición. Si te fijas en el último ejemplo que he puesto, el elemento empieza a moverse justo cuando está apunto de desaparecer del "campo visual" del explorador. Y el que pones tú, empieza a moverse nada mas usar el scroll.

Ese ejemplo concretamente, ya lo había visto, pero es que son todos iguales. De hecho en realidad son como elementos fijados (FIXED) con un "simulacro" de movimiento. Acabo de preguntar en webmasterworld, a ver si saben algo.

No sé si al final me acabaré explicando bien.

Saludos.

[juaniquillo]

Pues no he entendido bien. ¿Será algo como esto?:
http://static.jqueryfordesigners.com...ixedfloat.html

En este caso se pasa de posición absoluta a fija. Aquí se le aplica a un formulario pero puedes fácilmente hacerlo con otro elemento.

aquí está el tutorial:
http://jqueryfordesigners.com/fixed-floating-elements/

[pzin]

¡Exacto! Muchas gracias juaniquillo.

Lo acabo de probar aquí (la paginación) y va perfecto.

[juaniquillo]

pues sí, va muy bien (por lo menos en firefox que es lo que uso). que bueno que pudiste resolver el problema.

[Maicro]

Pues muchas gracias. Andaba detrás de esto y no lo encontraba por ningún lado. Así es que me ha servido de mucho. Saludos.