我发现一些使用jekyll技术的博客在评论区使用了disqus,而且只有在滑动到页面底部时才会加载评论区。
我该如何实现这个效果呢?
我尝试过类似下面的方法:
<div id="disqus_thread"></div>
<div id="disqus_loader" style="text-align: center">
<button onclick="load_disqus()">Load Disqus Comments</button>
<script>
function load_disqus()
{
var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
dsq.src = "http://[YOUR-DISQUS-SHORTNAME].disqus.com/embed.js";
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
var ldr = document.getElementById('disqus_loader');
ldr.parentNode.removeChild(ldr);
}
</script>
</div>
一个点击按钮来加载disqus评论系统。但我想知道当我滚动到页面底部时如何自动加载它。