deliteful-ScrollableContainer-decl

Sample for declarative creation of deliteful/ScrollableContainer

HTML

<script src="http://cdnjs.cloudflare.com/ajax/libs/require.js/2.1.14/require.js"></script>
<d-scrollable-container class="sc" scrollDirection="both">
  <div>Line 1</div>
  <div>Line 2</div>
  <div>Line 3</div>
  <div>Line 4</div>
  <div>Line 5</div>
  <div>Line 6</div>
  <div>Line 7</div>
  <div>Line 8</div>
  <div>Line 9</div>
  <div>Line 10</div>     
</d-scrollable-container>

CSS

.sc {
    width: 100px;
    height: 100px;
}

JavaScript

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

require(["deliteful-build/layer"], function () {
  require(["deliteful/ScrollableContainer", "requirejs-domready/domReady!"],
    function () {   
      document.body.style.display = "";
  });
});