Jquery Animate 随机工作

Question

基本上我有一个喊话框，新的喊话会添加到喊话框的底部。 我希望每个喊声都以动画方式向下滚动。

问题：它只在它想要的时候才动画..如果你幸运的话，大约是每 10 次喊叫..

现在我尝试应用 .stop() 和 .dequeue() 其他一些事情来弄清楚它为什么会随机发生

这是我正在使用的代码..

function tbSingleScroll(){
if (tbscroll <= 0) {
    $('#shouts').animate({scrollTop: $('#shouts')[0].scrollHeight});
}
}

现在因为它是一个实时的喊话箱，并设置为每 1 秒更新一次以检查新的喊声。 它还将滚动设置为 1 秒。 我有一个倒计时函数，它每秒调用这个函数来向下滚动。

现在人们可以阅读之前的呼喊并向上滚动我添加了一个 20 秒的计时器 使用此代码

$("#shouts").scroll(function () { 
currentScrollTop = $("#shouts").scrollTop(); 

if (tempScrollTop > currentScrollTop ) {
    tbscroll = 20;
}
tempScrollTop = currentScrollTop;
});

现在有没有更好的方法来设置滚动？ 在应用之前是不可能向上滚动的，因为它只会让你锁定在喊话框的底部，因为它被设置为每秒向下滚动。 现在它检测到您已经向上滚动并在它调用向下滚动之前放置 20 秒。

所以我认为它发送了太多请求而没有做任何事情。

如果我能解决这个问题，我将不胜感激，这样我就可以对每个传入的喊声产生很好的影响。 此外，任何有助于更好地滚动的帮助都会很好..

Answer 1

这取决于您的喊话框小部件。
如果它有 api，您可以挂钩事件侦听器或回调到 new shout 事件，以处理您的所有滚动。
如果它不提供类似 api 的任何东西，或者它没有触发任何事件，您可能应该调用一个函数，该函数每 x 秒滚动一次喊话框。
我个人认为，如果用户正在阅读喊话框，您应该停止自动滚动。我发现尝试阅读随机向下滚动的内容非常烦人。所以我的建议是在用户滚动、聚焦或点击时停止滚动（取决于您的喊话框标记）。
这是我的想法：

$('#shouts').bind('scroll',function(e,data){
    //if the user has triggered it, we should stop the auto-scroll 
    if(data === undefined) 
        {
             clearInterval($('#shouts').data('scrollInterval'));
        }
});
var animationDuration = 1000; // 1 second
$('#shouts').data('scrollInterval',setInterval(function(){
    var shouts = $('#shouts').get(0);
    if(shouts.scrollTop < shouts.scrollHeight)
        return;
    $('#shouts')
        .stop()
        .animate({scrollTop: shouts.scrollHeight},animationDuration);
},1000));