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

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

关于如何解决此问题有任何想法吗？

这是示例jsFiddle。

这是我的照片：

$(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;
    });

最佳答案

通过使用为我工作

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

代替

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

关于javascript - 单击TD时，可滚动DIV滚动到顶部，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/16407667/