Зададох страницата да се превърта в горната част, когато се щракне върху бутон. Но първо използвах оператор 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, за да добавите допълнителна анимация.
Също така, символът 'swing' е там, за да зададе облекчаването. Вижте http://api.jquery.com/animate/ за повече информация.
Вместо това опитайте това:
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');
});
}
за тази цел можете да използвате метода за обратна връзка
body.animate({
scrollTop:0
}, 500,
function(){} // callback method use this space how you like
);