单击TD时，可滚动DIV滚动到顶部

Question

我有一个有趣的问题，我似乎无法在Google上找到答案。我有一个可滚动的div，里面有一个简单的表格。有“标题”行（'.sl-bucket'），单击时脚本会显示下面的相关行，隐藏其他显示的行。在Chrome和IE中，没有任何问题。在新加载的Firefox中，当您单击第一个元素时，它会将div向后滚动到顶部。之后其他一切都很棒。

关于如何解决这个问题的任何想法？

以下是示例jsFiddle。

这是我的javscript：

$(window).on('click', '.sl-bucket', function() {
        var bucket = $(this).attr('rel');
        if ($('.sl-'+bucket).is(':visible') == false) {
            $('.sl-unitRow:visible').hide();
            $('.sl-'+bucket).show();
        } else {
            $('.sl-'+bucket).hide();
        }
        return false;
    });

Answer 1

使用

为我工作

$('.sl-'+bucket).css("display", "block"); 

而不是

$('.sl-'+bucket).show();