ScrollHeight: jQuery vs Javascript (v3)

Revision 3 of this 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 = (document.documentElement && document.documentElement.scrollLeft) || window.pageXOffset || self.pageXOffset || document.body.scrollLeft; 
  
         return scroll;
      }
</script>

Test runner

Ready to run.

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

Revisions

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