javascript - 滚动发生点击的位置 - Jquery

Question

这是我的 jQuery 代码:

 $(document).on("click", '.sidebarExternalLink', function (e) {
            if($(this).data("leftmenu")){
                $('#sidebar .list a[href*="'+ $(this).data("leftmenu") +'"]').click();
            }else{
                $('#sidebar .list a[href*="'+ $(this).attr("href").split('?')[0] +'"]').click();
            }
        });

此代码的作用是，当我单击主页上的文档链接时，它会重定向到文档列表页面并单击相应的文档并显示详细信息。问题是现在它只是重定向到页面，然后我必须滚动并查看打开了哪个文档。我想要做的是自动向下滚动到打开的文档。有什么建议如何做到这一点吗？如果您有任何问题，我很乐意回答。

以下是文档列表页面上的代码:

$('.js-toggle-table-details').on('click', function() {
                var $tablerow = $(this).next('.table-row-details');
                $('.table-row-details').not($tablerow).hide();
                $($tablerow).slideToggle("slow");
            });

Answer 1

在文档就绪事件中，我使用 css 属性过滤了元素并滚动到打开的元素。这是代码:

$(document).ready(function(){
           var toggledItem = $('.table-row-details').filter(function() {
                return $(this).css('display') == 'table-row';
            });
            $('html, body').animate({
                scrollTop: toggledItem.offset().top
            }, 500);
        })

如果您有更好的解决方案，请发布。