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

问题描述 投票:0回答:2

使用 Disqus 锚链接访问我的博客网址时(例如 url-to/my-blog-post#disqus_thread),浏览器不会向下滚动到

<div id="disqus_thread">
元素。

相反,如果我已经在页面url-to/my-blog-post 并单击链接url-to/my-blog-post#disqus_thread 它向下滚动到

div 
.

我以为是加载问题。浏览器访问页面并没有找到

div
元素,因为它仍然由 Disqus JS 生成。 我试图改变 JS 代码的位置,但没有任何改变。

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


解决方法

好的,这就是我找到的解决方法。它工作得很好。以防万一有人要点击那个链接。

<script>
setTimeout(function(){
 var hash = window.location.hash.substr(1);
  if (hash == "disqus_thread") {
    location.hash = "#comments";
    location.hash = "#" + hash;
  };
}, 1000);
</script>

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

javascript html anchor blogger disqus
2个回答
0
投票

你可以试试这个技巧:

编辑博客的 HTML 并添加 Disqus 脚本。对于您的评论,您可以这样做:

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

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


0
投票

我可以告诉你我遇到的这位专家,他非常直率和高效。他帮助破解任何你想要的东西,比如信用评分、学校成绩、贬损标记、驱逐、学生贷款。他也帮助破解了我配偶的 facebook 帐户。他是一体的,通过 Liammason4306 在 g/m/a/i/l/ dot c/o/m

查看他
© www.soinside.com 2019 - 2024. All rights reserved.