title: Using a directive to make an element scrollable in AngularJS
body: <p>I've created a directive that makes an html scrollable (using <a href="http://manos.malihu.gr/jquery-custom-content-scroller/" rel="nofollow">Malihu scroller</a>)</p>
  
  <pre><code>myApp.directive("scrollable", [function () {
      return function(scope, elm) {
          elm.mCustomScrollbar({
              autoHideScrollbar: false,
              theme: 'dark',
              advanced:{
                  updateOnContentResize: true
              }
          });
      };
  }]);
  </code></pre>
  
  <p>Here is the live example on Plunker : <a href="http://plnkr.co/edit/wm9qHn?p=preview" rel="nofollow">http://plnkr.co/edit/wm9qHn?p=preview</a></p>
  
  <p>Is it stupid to use a directive to do this? Is there a better / more fancy way to make an element scrollable in Angular?</p>