Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/421.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 聊天室常在JS中向下滚动_Javascript_Jquery - Fatal编程技术网

Javascript 聊天室常在JS中向下滚动

Javascript 聊天室常在JS中向下滚动,javascript,jquery,Javascript,Jquery,我有一个聊天室,可以用下面的代码将聊天拉下来 setInterval(function(){ $('#chat-area').stop().animate({ scrollTop: $('#chat-area')[0].scrollHeight }, 800); }, 300); 如果有人试图向上滚动,我如何阻止它向下移动?我认为可以这样做: 净间隔 使用de jquery 使用信号灯 提供JSFIDLE。这种机制比乍一看要复杂一些。你需要弄清楚确切的政策。基本

我有一个聊天室,可以用下面的代码将聊天拉下来

setInterval(function(){
    $('#chat-area').stop().animate({
        scrollTop: $('#chat-area')[0].scrollHeight
    }, 800);
}, 300);
如果有人试图向上滚动,我如何阻止它向下移动?

我认为可以这样做:

  • 净间隔
  • 使用de jquery
  • 使用信号灯

  • 提供JSFIDLE。这种机制比乍一看要复杂一些。你需要弄清楚确切的政策。基本思想是在添加新的聊天行后立即自动向下滚动,但前提是聊天区域在其大小改变之前一直滚动到右下角。使用变量来跟踪状态(
    var始终是\u down=false;
    etc),并且只有在变量状态表明它很好时才自动执行操作。@Kinduser@ChrisG感谢您的想法。我用这个想法进行了研究,最终成功了!再次感谢。