Я установил страницу для прокрутки вверх при нажатии кнопки. Но сначала я использовал оператор 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?

Спасибо!

Для этого вы можете установить функцию обратного вызова для команды animate, которая будет выполняться после завершения анимации прокрутки.

Например:

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

Простое решение:

прокрутка к любому элементу по ID или ИМЯ:

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