Tem como fazer isso em CSS?

[Ederson Dallabrida 0]

Vamos supor que eu tenha duas DIVs uma com 1200px e a outra com 2000px de altura.

 

O que quero é o seguinte

 

Gostaria que ao rolar a página, as duas rolassem juntas. Porém, ao terminar a div menor (1200px) gostaria que ela ficasse fixada (sem rolar) e a outra maior continuasse a rolar até seu fim.

 

Tem como fazer isso em CSS?

 

Pesquisei muito, tentei várias combinações de height, top, bottom, position, etc... mas não consegui.

 

 

 

 

 

Conto com a ajuda de vocês, obrigado!

[rikaschmitt 54]

Não entendi muito bem... mas colocar uma embaixo da outra normalmente, não dá?

 

(aliás, foto bem sensual sua.. me seduziu -q)

[guilomaker 31]

(aliás, foto bem sensual sua.. me seduziu -q)

 

asuhasuhasuhausah :assobiando:

 

 

Vamos supor que eu tenha duas DIVs uma com 1200px e a outra com 2000px de altura.

 

O que quero é o seguinte

 

Gostaria que ao rolar a página, as duas rolassem juntas. Porém, ao terminar a div menor (1200px) gostaria que ela ficasse fixada (sem rolar) e a outra maior continuasse a rolar até seu fim.

 

Tem como fazer isso em CSS?

 

Pesquisei muito, tentei várias combinações de height, top, bottom, position, etc... mas não consegui.

 

 

 

 

 

Conto com a ajuda de vocês, obrigado!

 

só com css não sei se da pra fazer, mais da pra usar jquery pra poder fixar a div ao rolar a pagina.

[WictorP 9]

Com CSS não há como fazer na versão atual CSS3.

Terá como fazer com JQuery usando o Scrool.

[Ederson Dallabrida 0]

Obrigado pela ajuda de todos, mas não é exatamente isso que vocês entenderam... hehehe

olhem na imagem o que eu quis dizer.

 

http://postimg.org/image/5dil8syez/

 

 

Espero que entendam... hehehehe

[guilomaker 31]

Obrigado pela ajuda de todos, mas não é exatamente isso que vocês entenderam... hehehe

 

olhem na imagem o que eu quis dizer.

 

http://postimg.org/image/5dil8syez/

 

 

Espero que entendam... hehehehe

 

então brother isso ai se faz com Jquery mesmo com o Scroll

 

duas divs

 

div01

 

div02

 

a div01 tem um height de 1000px

a div02 tem um height de 1500px

 

então você vai determinar que quando a div01 alcançar um tamanho de rolagem de 1000px, ela vai fixar na tela, quando a div02 continua normal rolando ate ela acabar.

[guilomaker 31]

olha ai um exemplo que eu fiz! veja se e mais ou menos isso que você esta falando.

 

http://guilhermesena.com.br/fixardiv/

[Ederson Dallabrida 0]

olha ai um exemplo que eu fiz! veja se e mais ou menos isso que você esta falando.

 

http://guilhermesena.com.br/fixardiv/

eta porra! hahahaha

 

é isso ai mesmo!

 

Pô, tbm tenho um xbox one! vou te adicionar lá

[guilomaker 31]

eta p****! hahahaha

 

é isso ai mesmo!

 

Pô, tbm tenho um xbox one! vou te adicionar lá

 

onde você viu que eu tenho xbox? kkkkkkkk

 

add ai mais eu to longe de casa, meu xbox ta la em casa parado tem mais de 2 meses, e eu só volto més que vem! mais add ai que depois nós jogamos alguma coisa

 

ZGuilomaker

[Ederson Dallabrida 0]

 

onde você viu que eu tenho xbox? kkkkkkkk

 

add ai mais eu to longe de casa, meu xbox ta la em casa parado tem mais de 2 meses, e eu só volto més que vem! mais add ai que depois nós jogamos alguma coisa

 

ZGuilomaker

sim, vi no face kkkkk

[guilomaker 31]

sim, vi no face kkkkk

 

ata pode crer!

[Ederson Dallabrida 0]

Voltei para concluir!

 

quem quiser fazer, é barbada!

 

jQuery("document").ready(function($){

            var fixarheader = $('header');

            $(window).scroll(function () {
                if ($(this).scrollTop() > document.getElementById("nav").offsetHeight - $(window).height()) {
                    fixarheader.addClass("fixarheader");
                } else {
                    fixarheader.removeClass("fixarheader");
                }
            });
        });

Obrigado ai galera!