Div flutuante não está funcionando

[rikaschmitt 54]

 

Preciso criar uma div flutuante no canto esquerdo do site. No entanto, ela está no meio do site e só vai acompanhar a rolagem de um certo ponto até outro. Como na imagem acima ilustrando, a div flutuante tem que ir do inicio do conteúdo até o final dele, parando antes da "barra".

 

Eu testei alguns códigos que achei pela internet mas nenhum funcionou direito, então eu meio que tentei fazer uns ajustes próprios.

 

Estou utilizando este código jQuery:

        var cartaz = SC(".cartaz-flutuante");
        SC(window).scroll(function(){            
            var topo_cartaz = cartaz.offset().top;
            var y_fixo = 40;
            if (topo_cartaz < 40) {
                cartaz.animate({
                    top: y_fixo+SC(document).scrollTop()+"px"
                    },{duration:500,queue:false}
                );
            }
        });

A altura de '40" é apenas uma margem para dar a div, para não ficar totalmente encostada.

E aquele "if" eu tentei fazer para quando a altura da pagina ficar menor que a margem, o efeito de deslize da div começa a funcionar... Só que não está funcionando... E se eu tirar o if, até funciona, mas dai fica doidão e a div flutuante some se eu der um scroll total do site.

 

Alguma sugestão?

 

[celsomtrindade 2]

É isso aqui que você procura?

http://htmlpreview.github.io/?https://github.com/liviucmg/theia-sticky-sidebar/blob/master/examples/3-columns.html

 

Recentemente fiz um projeto e utilizei este plugin: https://github.com/liviucmg/theia-sticky-sidebar

 

Super simples de instalar, basta por o código jquery (4 linhas) e selecionar o Id da coluna que você deseja utilizar.

 

=D

[rikaschmitt 54]

É isso aqui que você procura?

http://htmlpreview.github.io/?https://github.com/liviucmg/theia-sticky-sidebar/blob/master/examples/3-columns.html

 

Recentemente fiz um projeto e utilizei este plugin: https://github.com/liviucmg/theia-sticky-sidebar

 

Super simples de instalar, basta por o código jquery (4 linhas) e selecionar o Id da coluna que você deseja utilizar.

 

=D

 

Isso.

 

Pena que é um plugin, pois o site em sí está cheio.. e não queria adicionar mais.

Vou dar uma lida na funcionalidade dele, valeu \o

[celsomtrindade 2]

 

Isso.

 

Pena que é um plugin, pois o site em sí está cheio.. e não queria adicionar mais.

Vou dar uma lida na funcionalidade dele, valeu \o

A sim.

Bom, eu não sou avançado em Jquery, então, foi um modo que eu consegui contornar essa situação.

Mas espero que ajude você também de algum modo =D

[Thiago Moraes 32]

Faux column não resolve? http://www.maujor.com/tutorial/lay2col-faux-colunm.php

[rikaschmitt 54]

Faux column não resolve? http://www.maujor.com/tutorial/lay2col-faux-colunm.php

 

Acho que não é isso, não.

rs

[Thiago Moraes 32]

pq?

[rikaschmitt 54]

pq?

 

Porque eu quero fazer a div seguir o rolamento da página.. e nesse link que você passou, não é sobre isso.