2016-07-13 13 views
-2

Ich weiß gut jQuery aber mit reinem Javascript habe ich Probleme.Convert jQuery Scroll-Code zu reinem Javascript

Können Sie mir helfen, jquery Code in das Javascript zu konvertieren. Danke :)

Hier ist mein Code.

var container = $('.container'); 

$(window).scroll(function(event) { 
    var scrollTop = $(window).scrollTop(); 
    var containerTop = container.position().top; 
    var containerHeight = container.outerHeight(); 
    var blockHeight = $('.game-block').height(); 
    var callPosition = (containerTop + containerHeight) - blockHeight; 

    if(scrollTop >= callPosition) { 
      //do ajax call 
    } 
}); 
+0

Ich empfehle Umwandlung es sehr würde nicht. JQuery arbeitet mit einer Reihe von Bugs und Macken in Browsern - das ist einer der Hauptgründe für die Verwendung der Bibliothek. Praktisch gesagt, wenn Sie dies portieren, werden Sie mit etwas enden, das nur in einigen Browsern funktioniert - bis Sie alle Probleme behoben haben und Sie dann einfach jQuery verwenden können. – daf

+0

Ich habe das Projekt reagiert und auf dieses Projekt können wir jQuery nicht verwenden :(Wir schreiben alle auf pure javascrit –

+0

Es gibt viele Seiten, die Informationen darüber haben, wie jQuery einfache DOM-Methoden vergleicht. Stack Overflow ist kein Code schreiben (oder konvertieren) Service Siehe auch http://StackOverflow.com/Q/978799/215552 –

Antwort

-1
var container = document.getElementByClassName('container'); 

window.addEventListener('scroll', function() { 
    var scrollTop = window.scrollY; 
    var containerTop = container.offsetTop; 
    var containerHeight = container.offsetHeight; 
    var blockHeight = document.getElementByClassName('game-block').clientHeight; 
    var callPosition = (containerTop + containerHeight) - blockHeight; 
});