Question

这里我已经问过当用户点击“显示评论”链接并让浏览器自动向下滚动到评论位置时，如何在我的WP安装中显示评论..： Comments à la "click to appear" with jQuery

要了解我在说什么，请访问此链接： http://multiformeingegno.it/riflessioni/topserver-server-virtuali-made-italy/

在帖子的末尾有一个链接可以显示评论，问题是浏览器不会向下滚动到评论“位置”。我尝试将解决方案发布到我以前的StrackOverflow问题但不幸的是它不起作用（你可以看到它应用于上面发布的链接）..

你能帮帮我吗？先谢谢你们！：）

Answer 1

浏览器没有向下滚动到评论位置的原因是因为你想要在它完全可见之前滚动它。您可以尝试做的一件事是在您显示评论部分的同时动画文档以向下滚动窗口的高度，如下所示：

jQuery('#showcomments').click(function(e) {
    jQuery('#comments').slideToggle('slow');
    jQuery('html,body').animate({
        scrollTop: '+=' + jQuery(window).height() + 'px'
    }, 'slow');
});

您还想更改#showcomments，因为您不再将其用作锚链接。我只想把它变成一个跨度：

<span id="showcomments">Show comments</span>

希望这有帮助！

使用jQuery折叠注释

1 个答案: