Come caricare disimp quando si scorre verso la parte inferiore della pagina?

Question

Vedo che alcuni blog utilizzati da jekyll usano disqusito per i commenti e dove la sezione dei commenti non verrà caricata fino a quando non scorrerai fino alla fine della pagina.

Come posso avvicinarmi a questo?

Ho provato qualcosa di simile:

<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> 

un clic sul pulsante per caricare il Disqus. Ma mi chiedo come posso caricarlo quando scorrono fino alla fine della pagina.

Answer 1

Con l'aiuto di Javascript: How to detect if browser window is scrolled to bottom?

var disqus_loaded = false; 

function load_disqus() 
{ 
    disqus_loaded = true; 
    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); 

} 

window.onscroll = function(e) { 
    if ((window.innerHeight + window.scrollY) >= document.body.offsetHeight) { 
     //hit bottom of page 
     if (disqus_loaded==false){ load_disqus() }; 
    } 
}; 

Answer 2

Per un po 'più di flessibilità (richiede jQuery), si potrebbe prendere in considerazione la fissazione di un waypoint invece di richiedere all'utente di scorrere tutta la strada fino in fondo.

$('.end-of-jekyll-post').waypoint(function(direction) { 
    load_disqus(); 
});