Criar DIV Flutuante conforme descer a tela ?

[Fábio BN 17]

O pessoal.

 

Como criar uma DIV Flutuante igual desse site:

http://www.torneirashop.com.br/produto/-2014-09-30-09-10-01.html

 

Veja que a DIV Comprar, ela só aparece quando a tela é rolada para baixo, e além disso, ela tem um botão que permite ocultar ou reabilitar essa aba.

 

 

Alguém tem ideia de como fazer isso?

 

Obrigado!

[Douglas Julião 34]

para fazer o elemento aparecer quando você fizer o scroll, pode ser usado o jquery:

    $(function () {
        $(window).scroll(function () {
            // 350 quer dizer depois de 350px o elemento irá aparecer
            if ($(this).scrollTop() > 350) {  
                $('.suadiv').fadeIn();
            } else {
                $('.suadiv').fadeOut();
            }
        });
    });

E para deixar a div flutuante daquele jeito, você pode usar o pisition:fixed do css e definir as configurações de top e left por exemplo.

Boa sorte :)