Comunidad de diseño web y desarrollo en internet online

Posición fija dentro del rango de un div

Citar            
MensajeEscrito el 04 May 2012 03:51 pm
Como se hace para que un menu o "x" elemento quede flotando en una cierta posición adentro de un div hasta que otro toma su lugar?

Algo así como se ve en Instagram, que cuando vas navegando se ve el avatar de la persona que publica en la esquina y se queda ahi hasta que aparece la próxima publicación

O tambien como sale la sección de "te puede interesar" aqui en Cristalab, que esta fija en una posición hasta que el scroll llega a la cabecera de la pagina

[img]http://l4c.me/fullsize/screenshot-4-1336146569.png[/img]

Por zzdavozz

6 de clabLevel



 

chrome
Citar            
MensajeEscrito el 04 May 2012 08:15 pm
<css>position: fixed;</css>

Un saludo.

Por Abducted

Claber

489 de clabLevel

3 tutoriales

Genero:Masculino  

Mentalidad Renovada

chrome
Citar            
MensajeEscrito el 04 May 2012 09:15 pm
[quote="Abducted"]<css>position: fixed;</css>

Un saludo.[/quote]

Noooo, eso no es

Digo, si lo deja fijo pero en una posición absoluta no cambia

Digamos que tengo 5 secciones que seria algo así

<div id="1">bla bla bla</div>
<div id="2">ble ble ble</div>
<div id="3">bli bli bli</div>
<div id="4">blo blo blo</div>
<div id="5">blo blo blo</div>

Cada una tiene sus partes diferentes y un alto que ocupa mas de 1 pantalla y lo que quiero es que mientras estes dentro del area de --div 1-- haya una barra lateral a modo de menu pero solo de esa sección, que cuando el scroll llegue al area de la --div2-- esta se quede en su lugar.

y el problema es que si solo hago algo como lo que dices, se queda afuera de todo y esta presente en "todas" las --div--

(Estoy armando uno de esos "minisitios" en los que todo esta en 1 sola pantalla con scroll y que el menu principal que por cierto siempre esta en la parte superior, hace el movimiento subir o bajar dependiendo el link que sigas. Entonces las partes principales están siempre presentes arriba, eso ya esta pero... las subsecciones laterales no las puedo acomodar


Gracias de igual manera, tal vez no me explique bien en un principio

Por zzdavozz

6 de clabLevel



 

chrome
Citar            
MensajeEscrito el 04 May 2012 09:36 pm
Entonces tu pregunta va en el foro de javascript.

Le haces un listener al stage de scroll y cada vez que se haga scroll, controlas los elementos que se puedan mover y colocas cada uno donde quieras.

Un saludo.

Por Abducted

Claber

489 de clabLevel

3 tutoriales

Genero:Masculino  

Mentalidad Renovada

chrome
Citar            
MensajeEscrito el 04 May 2012 10:09 pm
ohhh ok, gracias

Por zzdavozz

6 de clabLevel



 

chrome
Citar            
MensajeEscrito el 09 May 2012 03:58 pm
Es esto:

http://archive.plugins.jquery.com/project/stickySectionHeaders

Por marticps

Claber

103 de clabLevel



Genero:Masculino  

Aprendiz de Todo

chrome

 

Cristalab BabyBlue v4 + V4 © 2011 Cristalab
Powered by ClabEngines v4, HTML5, love and ponies.