Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

renanjoppert

Scroll Suave da página

Recommended Posts

Bom dia, eu estou trabalhando em um site onde ele tem uma div que acompanha o scroll da página suave, ela fica parada quando há a ação do scroll porém quando o scroll para ele pega o valor de margin do top da window e aplica a diferença no margin-top da div, fazendo-a descer depois que parar o scroll. Queria saber se há como fazer esta div descer até um certo ponto. Segue o código utilizado abaixo.

<style>
#sidebar_redes{ width:50px; height: 100px; background:#f00; position: absolute; z-index: 999999999; right: 0; }
</style>

<script type="text/javascript">
    $(function() {

    var $sidebar   = $("#sidebar_redes"),
        $window    = $(window),
        offset     = $sidebar.offset(),
        topPadding = 15,
        $scroll = $(window).scrollTop();

    $window.scroll(function() {
        if ($window.scrollTop() > offset.top) {
            $sidebar.stop().animate({
                marginTop: $window.scrollTop() - offset.top + topPadding
            });
        }else {
            $sidebar.stop().animate({
                marginTop: 0
            });
        }
    });
    
});
</script>
<div id="sidebar_redes"></div>

Compartilhar este post


Link para o post
Compartilhar em outros sites

Não seria só alterar o valor dessa variável ?

topPadding = 15,

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.