如何设置元素位置的动画

Question

我有一个这个jquery

var total_height = $(window).height();
var element_top = $(".box").position().top;
var element_height = $('.box').outerHeight(true);

if((element_top + element_height)>total_height){
 $(".box").css('top', (total_height - element_height));
}

这会将元素从屏幕移到屏幕上，但我想要动画这个...任何想法

Answer 1

你可以调用jQuery的animate method。

Answer 2

请参阅animate from jquery

$('.box').animate({ top: (total_height - element_height),}, duration );