Div flutuante ?

07/02/2013

2

Ola pessoal....

Como eu faço para uma div ficar flutuante igual a div de avaliação quando nos entramos em um curso (http://www.devmedia.com.br/curso/curso-integrando-aplicativos-asp-net-c-com-redes-sociais-twitter-e-facebook/363 no camto direito tem um espaço de avalição, como eu faço para uma div ter esse mesmo efeito de quando eu descer a barra de rolagem a div colar no topo e depois quando eu subir a pagina a div voltar para o seu lugar? )

Vlw...
Responder

Posts

07/02/2013

Danilo Gomes

Não sei se ajuda a esclarecer, mas acho que refere-se ao css:
position: fixed;


http://www.cssnolanche.com.br/diferenca-entre-position-static-relative-absolute-e-fixed/
Responder

07/02/2013

Ari Lima

se eu colocar position: fixed a dvi vai fixa na tela, ou seja ela não vai ter o efeito....eu sei que é algo com jquery, mas não sei como faz .....


http://www.devmedia.com.br/curso/curso-de-criacao-de-web-sites-com-bootstrap/366 no canto direito a div avaliação ela não é fixed é alguma coisa com jquery para dar o efeito de quando descer a pagina a div colar no topo da pagina ?
Responder

07/02/2013

Danilo Gomes

Cara,

Inspecionando no Chrome deu pra ver que quando ele atinge determinada altura ele muda o CSS.

Ele permuta de fixed pra relative e vice versa, e altera as margin's.

Responder

07/02/2013

Ari Lima

como que eu faço isso ?

Responder

08/02/2013

Danilo Gomes

Não sei ao certo como foi feito aqui, pois o JS está minified.

Mas poderia utilizar o evento scroll, do JQuery, por exemplo.

http://api.jquery.com/scroll/
Responder

22/02/2013

Joel Rodrigues

E se usar position absolute?
Responder

25/02/2013

Danilo Gomes

E se usar position absolute?


Aí imagino que a div não irá acompanhar a tela junto à barra de rolagem.
Responder

25/02/2013

Joel Rodrigues

Ah, correto. Perdão, eu não tinha visto esse requisito de que a div tem de rolar junto da página.
Responder

25/02/2013

Danilo Gomes

É, a curiosidade dele era quanto aquele link no início do tópico.

O lance é que a parte de avaliação rola até certo ponto, apenas, caso você desça ou suba a barra de rolagem.

Em um momento ela "trava", pelo que inspecionei ele realmente troca o tipo de "position" de acordo com a posição da div.
Responder
uma pergunta de iniciante, o que div flutuante???
Responder

25/02/2013

Joel Rodrigues

Marcelo, nesse caso a div flutuante é aquela que permanece fixa na tela, sobre os demais elementos. Como aquelas mensagens chatas que vão acompanhando o scroll da página.
Responder
não sabia que aquilo era uma div flutuante,
como se faz aquilo??? kkkkkk
Responder

26/02/2013

Danilo Gomes

Marcelo, aquilo faz-se com o position: fixed, do CSS.

A única diferença entre um position fixed e o exemplo do Ari Lima, é que existe um momento em que a div pára.
Responder
certo, mas como colocar sobre o site?
Responder

28/02/2013

Danilo Gomes

Marcelo, não entendi muito bem.

Veja se isto lhe ajuda: [url]http://www.cssnolanche.com.br/diferenca-entre-position-static-relative-absolute-e-fixed[/url]
Responder
×
+1 DevUP
Acesso diário, +1 DevUP
Parabéns, você está investindo na sua carreira