title: How to load disqus when scroll to the bottom of the page?
body: <p>I see some jekyll powered blogs use disqus for comments and where the comments section won't load untill you scroll to the bottom of the page. </p>
  
  <p>How can I approach this?</p>
  
  <p>I've tried something like this:</p>
  
  <pre><code>&lt;div id="disqus_thread"&gt;&lt;/div&gt;
  &lt;div id="disqus_loader" style="text-align: center"&gt;
  &lt;button onclick="load_disqus()"&gt;Load Disqus Comments&lt;/button&gt;
  &lt;script&gt;
  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);
  }
  &lt;/script&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>A click button to load the disqus. But I'm wondering how can I load it when I scroll to the bottom of the page.</p>