with - title jquery html




jQuery.scrollTop();+animação (6)

Solução simples:

rolando para qualquer elemento por ID ou NAME:

SmoothScrollTo("#elementId", 1000);

código:

function SmoothScrollTo(id_or_Name, timelength){
    var timelength = timelength || 1000;
    $('html, body').animate({
        scrollTop: $(id_or_Name).offset().top-70
    }, timelength, function(){
        window.location.hash = id_or_Name;
    });
}

Eu configuro a página para rolar para o topo quando um botão é clicado. Mas primeiro usei uma instrução if para ver se a parte superior da página não estava definida como 0. Então, se não for 0, animo a página para rolar para o topo.

var body = $("body");
var top = body.scrollTop() // Get position of the body

if(top!=0)
{
  body.animate({scrollTop:0}, '500');
}

A parte complicada agora é animar algo APÓS a página ter rolado para o topo. Então, meu próximo pensamento é descobrir qual é a posição da página. Então eu usei o log do console para descobrir.

console.log(top);  // the result was 365

Isso me deu um resultado de 365, eu estou supondo que é o número de posição que eu estava em apenas antes de rolar para o topo.

Minha pergunta é como definir a posição como 0, para que eu possa adicionar outra animação que seja executada quando a página estiver em 0?

Obrigado!


Código com função de clique ()

    var body = $('html, body');

    $('.toTop').click(function(e){
        e.preventDefault();
        body.animate({scrollTop:0}, 500, 'swing');

}); 

.toTop = classe de elemento clicado talvez img ou a


Tente este código:

$('.Classname').click(function(){
    $("html, body").animate({ scrollTop: 0 }, 600);
    return false;
});

Tente isso em vez disso:

var body = $("body, html");
var top = body.scrollTop() // Get position of the body
if(top!=0)
{
       body.animate({scrollTop :0}, 500,function(){
         //DO SOMETHING AFTER SCROLL ANIMATION COMPLETED
          alert('Hello');
      });
}

para isso, você pode usar o método de retorno de chamada

body.animate({
      scrollTop:0
    }, 500, 
    function(){} // callback method use this space how you like
);

você precisa ver isso

$(function () {
        $('a[href*="#"]:not([href="#"])').click(function () {
            if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
                var target = $(this.hash);
                target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
                if (target.length) {
                    $('html, body').animate({
                        scrollTop: target.offset().top
                    }, 1000);
                    return false;
                }
            }
        });
    });

ou experimente

$(function () {$('a').click(function () {
$('body,html').animate({
    scrollTop: 0
}, 600);
return false;});});






scrolltop