From 848c78d10d2affbaef828bd1a403a18a7f0da57d Mon Sep 17 00:00:00 2001
From: Max Lynch <max@drifty.com>
Date: Wed, 30 Jul 2014 13:47:49 -0500
Subject: [PATCH] docs(scroll): Better demo and usage

---
 js/angular/directive/scroll.js | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/js/angular/directive/scroll.js b/js/angular/directive/scroll.js
index f505deba44..b5fbb07148 100644
--- a/js/angular/directive/scroll.js
+++ b/js/angular/directive/scroll.js
@@ -3,10 +3,26 @@
  * @name ionScroll
  * @module ionic
  * @delegate ionic.service:$ionicScrollDelegate
+ * @codepen mwFuh
  * @restrict E
  *
  * @description
  * Creates a scrollable container for all content inside.
+ * 
+ * @usage
+ *
+ * Basic usage:
+ *
+ * ```html
+ * <ion-scroll zooming="true" direction="xy" style="width: 500px; height: 500px">
+ *   <div style="width: 5000px; height: 5000px; background: url('https://upload.wikimedia.org/wikipedia/commons/a/ad/Europe_geological_map-en.jpg') repeat"></div>
+ *  </ion-scroll>
+ * ```
+ * 
+ * Note that it's important to set the height of the scroll box as well as the height of the inner
+ * content to enable scrolling. This makes it possible to have full control over scrollable areas.
+ * 
+ * If you'd just like to have a center content scrolling area, use {@link ionic.directive:ionContent} instead.
  *
  * @param {string=} delegate-handle The handle used to identify this scrollView
  * with {@link ionic.service:$ionicScrollDelegate}.