deliteful-ScrollableContainer-prog

Sample for programmatic creation of deliteful/ScrollableContainer

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.14/require.js"></script>

JavaScript

require.config({
  baseUrl: "http://ibm-js.github.io/libraries/master",     
});

require(["deliteful-build/layer"], function () {
  require(["deliteful/ScrollableContainer", "requirejs-domready/domReady!"],
    function (ScrollableContainer) {
      var sc = new ScrollableContainer({scrollDirection: "both"});
      sc.placeAt(document.body);
      sc.style.height = "100px";
        
      // add content to the scrollable container:
      var child;
      for (var i = 1; i <= 50; i++) {
        child = document.createElement("div");
        child.innerHTML = "Line " + i;
        sc.addChild(child);
      }
        
      // If needed, listen to native "scroll" events:
      sc.on("scroll", function (event) {
        console.log("scroll");
      });
        
      document.body.style.display = "";
  });
});