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

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

滚动发生点击的地方 - Jquery

1 个答案: