创建指向帖子评论部分顶部的直接链接

时间:2015-11-13 21:20:31

标签: jquery html

我希望能够编写一个链接,将读者直接带到相关博客文章的评论部分的顶部 - 有点像wordpress博客。我在博客中输入了以下代码。

<a class='comment-form' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick' title='comment-form'><img alt='comment-form' border='0' height='25px' src='http:/i1379.photobucket.com/albums/ah140/mynamesiram/Mobile%20Uploads/F698C5CF-D64E-4C9D-B8DA-AC431C5B343E_zpsvpxnfbuv.jpg' width='25px'/></a>

此代码工作正常但理想情况下我希望读者能够点击链接并直接进入博客帖子的评论部分的顶部。我在我的博客上安装了Disqus评论,虽然我已经尝试过多次联系他们就我上面提到的问题,我还没有收到回复。目前,此链接将读者带到博客帖子的顶部,而不是评论部分。

我对这件事有任何帮助表示感谢。提前谢谢。

IRAM

1 个答案:

答案 0 :(得分:0)

它可以像选择第一个注释一样简单,并使用带有Jquery的.scrollTo

$("buttonName").on("click", function() {
   $('body').scrollTo('#fireComment');
}

您可以通过ID,类或:nth-​​child(1)来解决第一个注释,nth-child只是每个注释都具有相同的类