2012-06-25 39 views
0

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

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

在帖子的末尾有一个链接,使文章的评论,问题是,浏览器不会向下滚动到意见“职位”。我试着将解决方案发布到我以前的StrackOverflow问题,但不幸的是它不起作用(你可以看到它适用于上面发布的链接)。

你能帮我吗?在此先感谢你们! :)

回答

0

浏览器没有滚动到评论位置的原因是因为你试图在它完全可见之前滚动到那里。有一两件事你可以尝试做的是动画到下车窗的高度,同时滚动你显示评论部分,像这样的文件:

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> 

希望这有助于!

+0

Yeaaah !!它像一个魅力工作! :D 谢谢!!! ;) – MultiformeIngegno