滚动条位置

时间:2014-06-30 06:36:45

标签: javascript jquery css3 scrollbar

我的问题与以下小提琴有关。 http://jsfiddle.net/PGuB5/84/

在这个小提琴中,点击添加行按钮,将添加该行。添加一些内容后,滚动条将自动显示。

$('.scrollToBottom').on('click', function() {
    $(".scrollbox").scrollTop($(".scrollbox")[0].scrollHeight);
});

现在,我滚动容器底部的内容,然后点击添加行按钮。滚动条位置保持在底部。

我想,如果我点击添加行按钮,滚动条需要移至顶部。

1 个答案:

答案 0 :(得分:1)

要滚动到顶部,请使用:

$('.scrollbox').scrollTop(0);

<强> Updated Fiddle

$('.addrow').on('click', function() {
    $('.scrollbox').append(newline);
    $('.scrollbox').scrollTop(0);
});