Javascript jscrollpane滚动到底部，但在滚动条上用鼠标悬停

我已经完成了这段代码，但我坚持做最后一件事，当一个项目被添加时，它会自动滚动到底部，这很好，但我不知道怎么做，我确信它很简单，当我使用滚动条时，我想阻止它跳到底部，直到我停止使用滚动条

在我提供的示例中，你会看到，如果你点击滚动条并向上拖动，当它添加一个新项目时，它会一直向下跳，我只需要暂停，直到我停止使用滚动条为止，如果这样做有意义的话

它使用api.scrollToBottom（）；添加新项目后滚动至底部，这是正确的，但不确定鼠标悬停的条件等。。。在这些情况下停止这种行为

希望有人能在这方面帮助我，非常感谢！：）

请点击此处：

JS

var设置={
真的，
垂直箭头位置：“os”，
水平箭头位置：“os”，
动画滚动：对
};
var pane=jQuery（'.scroll pane'）；
jScrollPane（设置）；
var api=pane.data（'jsp'）；
var i=1；
api.scrollToBottom（）；
设定间隔(
函数（）
{
api.getContentPane（）.append（“
测试这个新项目”
”）.children（':last'）.hide（）.fadeIn（1000）；
api.reinitialise（）；
api.scrollToBottom（）；
},
1000
);
});

---

谢谢

我不知道这对你是否合适，但你可以从不同的方向试试。当用户滚动到底部时，可以加载新行：

conversationHeadersScrollPane = $('.scroll-pane').bind(
        'jsp-scroll-y',
        function(event, scrollPositionY, isAtTop, isAtBottom) {
            if (isAtBottom) {
                //add new rows for example with ajax call
            }
});

编辑：有一个函数getPercentScrolledY（） 所以，在调用scrollToBottom之前，您可以检查用户是否低于90%，如果不让他在自己滚动到底部时阅读

conversationHeadersScrollPane = $('.scroll-pane').bind(
        'jsp-scroll-y',
        function(event, scrollPositionY, isAtTop, isAtBottom) {
            if (isAtBottom) {
                //add new rows for example with ajax call
            }
});