Я встановлюю сторінку, щоб прокручуватися доверху, коли натискається кнопка. Але спочатку я використав оператор if, щоб перевірити, чи не встановлено верхню частину сторінки 0. Потім, якщо це не 0, я анімую сторінку, щоб прокрутити її до початку.

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

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

Зараз складна частина - це анімація чогось ПІСЛЯ сторінки прокручується доверху. Отже, наступна моя думка - дізнатися, яка позиція сторінки. Тому я використовував консольний журнал, щоб дізнатися це.

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

Це дало мені результат 365, я здогадуюсь, що це номер позиції, на якому я знаходився безпосередньо перед прокруткою до вершини.

Моє запитання - як мені встановити позицію на 0, щоб я міг додати ще одну анімацію, яка запускається, коли сторінка знаходиться на 0?

Дякую!

Для цього можна встановити функцію зворотного дзвінка для команди анімації, яка буде виконуватися після закінчення анімації прокрутки.

Наприклад:

var body = $("html, body");
body.stop().animate({scrollTop:0}, 500, 'swing', function() { 
   alert("Finished animating");
});

Там, де знаходиться цей попереджувальний код, ви можете виконати більше javascript, щоб додати його до подальшої анімації.

Також "гойдалка" є для встановлення послаблення. Перегляньте http://api.jquery.com/animate/ для отримання додаткової інформації.

Спробуйте цей код:

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

Використовуй це:

$('a[href^="#"]').on('click', function(event) {

    var target = $( $(this).attr('href') );

    if( target.length ) {
        event.preventDefault();
        $('html, body').animate({
            scrollTop: target.offset().top
        }, 500);
    }

});

для цього можна використовувати метод зворотного виклику

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

Спробуйте це замість цього:

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');
      });
}

Просте рішення:

прокрутка до будь-якого елемента за ідентифікатором чи іменем:

SmoothScrollTo("#elementId", 1000);

код:

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;
    });
}

Код з функцією клацання ()

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

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

}); 

.toTop= клас клацнувшого елемента, можливо, imgабоa

jQuery("html,body").animate({scrollTop: jQuery("#your-elemm-id-where you want to scroll").offset().top-<some-number>}, 500, 'swing', function() { 
       alert("Finished animating");
    });

ви повинні це бачити

$(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;
                }
            }
        });
    });

або спробуйте їх

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

$("body").stop().animate({
        scrollTop: 0
    }, 500, 'swing', function () {
        console.log(confirm('Like This'))
    }
);

Ви можете використовувати як CSS-клас, так і HTML-ідентифікатор, щоб зберегти його симетричним, я завжди використовую клас CSS, наприклад

<a class="btn btn-full js--scroll-to-plans" href="#">I’m hungry</a> 
|
|
|
<section class="section-plans js--section-plans clearfix">

$(document).ready(function () {
    $('.js--scroll-to-plans').click(function () {
        $('body,html').animate({
            scrollTop: $('.js--section-plans').offset().top
        }, 1000);
        return false;})
});