Disqus锚链接“ #disqus_thread”不起作用

时间:2019-01-18 11:07:03

标签: javascript html anchor blogger disqus

使用带有Disqus锚链接的我的博客网址(例如 url-to / my-blog-post#disqus_thread )时,浏览器不会向下滚动到{ {1}}元素。

相反,如果我已经在页面上 url-to / my-blog-post ,然后单击链接到 url-to / my-blog-post#disqus_thread ,它向下滚动到<div id="disqus_thread">

我认为这是一个加载问题。浏览器访问该页面,但找不到div元素,因为它仍由Disqus JS生成。 我试图更改JS代码的位置,但没有任何改变。

这是我的博客中的示例帖子网址: https://2bluebuffalo-en.blogspot.com/2018/11/how-to-crop-square-video-macos.html#disqus_thread 它不起作用,但是,如果您单击“由Blue Buffalo”旁边的链接(在共享按钮上方,现在写为“ 2条评论”),则锚链接有效。


解决方法

好的,这就是我发现的解决方法。效果很好。以防万一有人要单击该链接。

div

等待是因为我花了一秒钟的时间。加载所有内容(有时甚至更多)。可以更改。

1 个答案:

答案 0 :(得分:0)

您可以尝试此技巧:

编辑博客的HTML并添加Disqus脚本。对于您的评论,您可以执行以下操作:

<div id = "comments">
    <div id = "disqus_thread"></div>
</div>

这将带您进入评论部分并加载Disqus评论。