javascript - 在 scrollTop >= scrollHeight 后停止滚动

Question

我有这个习惯<select> .

在.select_list里面我有一个 ul与 height:300px;和 overflow:hidden;当我将按钮悬停在 .select_list 中时<ul>正在向上或向下滚动。

我的问题是，当我将鼠标悬停在“向下滚动”按钮时，即使 scrollTop 超过了 scrollHeight，ul.scrollTop() 仍然会增加。

之后，如果我滚动到顶部，我必须等待几毫秒才能再次向上滚动。

当 ul 滚动到最大值时，有人可以解释或帮助停止滚动吗？

这是 JSbin:

http://jsbin.com/wupavameze/edit?css,js,output

    $up.on('mouseover', function() {
            doScroll(-offset);
        })
        .on('mouseout', function() {
            stopScroll();
        });


    $down.on('mouseover', function() {
            doScroll(offset);
        })
        .on('mouseout', function() {
            stopScroll();
        });

Answer 1

在 doScroll 函数中使用 scrollTop 的当前值。下面是修改后的函数。

function doScroll(v) {
    interval = setInterval(function() {
        $list.scrollTop($list.scrollTop() + v);
    }, 30);
}