jQuery scrollTop() vs dom scrollTop (v6)

Revision 6 of this benchmark created on

Preparation HTML

<div id="container" style="height: 500px; overflow: auto">
  <div id="scrollme" style="height: 2000px;"></div>
</div>
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.1.0/jquery.min.js"></script>

Setup

var $ref = $("#container");
    $ref.scrollTop(500);

Test runner

Ready to run.

Testing in
TestOps/sec
jQuery
var container = $("#container");
container.scrollTop(50);
ready
jQuery + dom method
var container = $("#container");
container[0].scrollTop = 50;
ready
DOM Only
var container = document.getElementById("container");
container.scrollTop = 50;
ready
Stored Reference
$ref[0].scrollTop = 50;
ready

Revisions

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