K-Scroll

High performance scroll component.

Install

$ bower install k-scroll

Quick Example

example

<link rel="stylesheet" href="bower_components/k-scroll/dist/k-scroll.css">
<div id="list" class="k-scroller-wrapper">
  <ul class="k-scroller">
    <script>
      for (var i = 0; i < 100; i++) {
        document.write('<li class="item">' + i + '</li>');
      }
    </script>
  </ul>
</div>

<script src="bower_components/k-drag/dist/k-drag.js"></script>
<script src="bower_components/velocity/velocity.min.js"></script>
<script src="bower_components/k-scroll/dist/k-scroll.js"></script>
<script>
  var list = document.querySelector('#list');

  kScroll.bind(list, {
    // default options
    animationDuration: 200, 
    animationEasing: [0, 0, 0.58, 1],
    speed: 100,
    allowMouseDragScroll: true,
    checkOnResize: true,
    bindKey: true
  });
</script>