DarrylD · February 14, 2015 22:02 · Feb 14, 2015
diff --git a/directive.js b/directive.js
@@ -0,0 +1,16 @@
+app.directive('dynamicHeight', function() {
+    return {
+        require: ['^ionSlideBox'],
+        link: function(scope, elem, attrs, slider) {
+            scope.$watch(function() {
+                return slider[0].__slider.selected();
+            }, function(val) {
+                //getting the heigh of the container that has the height of the viewport
+                var newHeight = window.getComputedStyle(elem.parent()[0], null).getPropertyValue("height");
+                if (newHeight) {
+                    elem.find('ion-scroll')[0].style.height = newHeight;
+                }
+            });
+        }
+    };
+})
diff --git a/view.html b/view.html
@@ -0,0 +1,11 @@
+<ion-slide-box>
+
+    <ion-slide class="slide" dynamic-height>
+        <ion-scroll>
+            <div class="slide-box box">
+              <!-- your stuff -->
+            </div>
+        </ion-scroll>
+    </ion-slide>
+
+</ion-slide-box>