ScrollHeight: jQuery vs Javascript

Benchmark created by Nicolas on

Preparation HTML

<script src="//ajax.googleapis.com/ajax/libs/jquery/1/jquery.min.js"></script>

<script>
  function getScrollPosition() {
           var scroll = {
              x: (document.documentElement && document.documentElement.scrollLeft) || window.pageXOffset || self.pageXOffset || document.body.scrollLeft,
              y: (document.documentElement && document.documentElement.scrollTop) || window.pageYOffset || self.pageYOffset || document.body.scrollTop
         }; 
  
         return scroll;
      }
</script>

Test runner

Ready to run.

Testing in
TestOps/sec
jQuery
var $window = $(window);
scrollTop = $window.scrollTop();
scrollBottom = $window.height() + scrollTop;
ready
JavaScript
var scroll = getScrollPosition();
var scrollBottom = scroll.y + document.documentElement.clientHeight;
ready

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.