锚定到表

Question

我有一个可滚动的HTML表格，根据表格中的数据，我希望表格从特定的<tr>开始显示。上面的行可以在滚动时显示。但是当页面加载时，我需要定位到特定的<tr>

我可以使用以下代码获取我需要定位的<tr>。我不确定如何设置位置。

<script type="text/javascript">
    $(document).ready(function () {
        var myTr = $(".slash-price:first").closest('tr');
    });
</script>

我的Tr是我想在表格元素中首先显示的<tr>。

Answer 1

这应该平滑动画到您使用closest('tr')选择的行的位置：

<script type="text/javascript">
    $(document).ready(function () {
        var myTr = $(".slash-price:first").closest('tr');
        $('html, body').animate({
           scrollTop: $(myTr).offset().top
        }, 2000);
    });
</script> 

Answer 2

是的，所以我最终使用了top - 620

var myTr = $(".slash-price:first").closest('tr');
        $('html, body').animate({
            scrollTop: $(myTr).offset().top - 620
        }, 2000);