到目前为止我的指令已经足够好了,但并不是每个页面都有相同的高度,所以我想停止它已经在底部的持续时间。
这是指令的代码:
function (scope, elem, attrs) {
$(document).on('contentchanged', '#mainText', function () {
$("html, body").animate({
scrollTop: 0
}, 0),
$("html, body").animate({
scrollTop: $(window).height()
}, 4000);
});
}
因此,例如在第一页,视图位于底部,它不能更低,当我转到下一页时,它会连续向下滚动。
我的问题是如何停止滚动?
答案 0 :(得分:1)
.animate( properties [, duration] [, easing] [, complete] )
所以你可以这样做:
.animate(
{scrollTop:'300px'},
300,
swing,
function(){
alert(animation complete! - your custom code here!);
}
)
这里是jQuery .animate函数api页面:http://api.jquery.com/animate/