diff --git a/demo/index.html b/demo/index.html
index 0ef502f..32e3347 100644
--- a/demo/index.html
+++ b/demo/index.html
@@ -11,6 +11,11 @@
         <script src="../dist/scrollpoint.js"></script>
         <script>
             var app = angular.module('demo', ['ui.scrollpoint']);
+            app.controller( 'scrollpointTest', function($scope, $rootScope){
+                $scope.triggerReset = function(){
+                    $rootScope.$broadcast('scrollpointShouldReset');
+                };
+            });
         </script>
         <style>
             body {min-height: 1500px;}
@@ -56,6 +61,50 @@ <h3>Why?</h3>
                     </p>
                 </div>
             </div>
+            <div class="row">
+                <div class="col-md-6" ng-controller="scrollpointTest">
+                    <h3>A scrollpoint with a target set on a parent scrollable div</h3>
+                    <div class="well" style="height:200px;overflow:auto; position:relative;"  ui-scrollpoint-target>
+                        <div class="well" style="height:100px;" ng-show="showSpacer">
+                            This is a removable spacer
+                        </div>
+                        <div id="scrollExample2" class="well" ui-scrollpoint="+100">
+                            <p ui-scrollpoint="+10px">They see me scrollin...</p>
+                            <p ui-scrollpoint>They see me scrollin...</p>
+                            <p ui-scrollpoint>They see me scrollin...</p>
+                            <p ui-scrollpoint>They see me scrollin...</p>
+                            <p ui-scrollpoint>They see me scrollin...</p>
+                            <p ui-scrollpoint="-100">offest: -100</p>
+                            <p ui-scrollpoint="+100">offest: +100</p>
+                            Try scrolling past this line and see effect on above lines...
+                        </div>
+                        <div style="height:400px;">
+
+                        </div>
+                    </div>
+                    <div class="checkbox">
+                        <label>
+                            <input type="checkbox" ng-model="showSpacer"> Show Spacer
+                        </label>
+                    </div>
+                    <button class='btn btn-primary' type="button" ng-click="triggerReset()">Reset scrollpoints</button>
+                </div>
+                <div class="col-md-6">
+                    <h3>Resetting</h3>
+
+                    <p>
+                        If the position of the scrollpoint is moved on the page by an event such as the introduction of another
+                        element, it may be necessary to reset the scrollpoint by broadcasting the <code>scrollpointShouldReset</code> event
+                        from $rootScope.
+                    </p>
+
+                    <p class="alert alert-info">
+                        Try scrolling down on the element to the left. Then click the checkbox to add an element above
+                        the scrollpoints. The scrollpoints will now no longer be properly calculates relative to the
+                        parent until the reset button is clicked.
+                    </p>
+                </div>
+            </div>
 
             <h3>How?</h3>
             <pre class="prettyprint">&lt;p ui-scrollpoint&gt;They see me scrollin...&lt;/p&gt;</pre>
@@ -64,4 +113,4 @@ <h3>How?</h3>
                 <code>600</code> or offset from the calculated value <code>-50</code> or <code>+100</code>.</p>
         </section>
     </body>
-</html>
\ No newline at end of file
+</html>
diff --git a/dist/scrollpoint.js b/dist/scrollpoint.js
index 8c9745c..3fa1558 100644
--- a/dist/scrollpoint.js
+++ b/dist/scrollpoint.js
@@ -1,7 +1,7 @@
 /*!
  * angular-ui-scrollpoint
  * https://github.com/angular-ui/ui-scrollpoint
- * Version: 1.0.1 - 2015-07-03T03:01:23.641Z
+ * Version: 1.0.1 - 2015-10-16T14:30:35.778Z
  * License: MIT
  */
 
@@ -60,6 +60,14 @@ angular.module('ui.scrollpoint', []).directive('uiScrollpoint', ['$window', func
                     }
                 }
 
+                function reset() {
+                    elm.removeClass('ui-scrollpoint');
+                    fixLimit = absolute ? attrs.uiScrollpoint : elm[0].offsetTop + shift;
+                    onScroll();
+                }
+
+                scope.$on('scrollpointShouldReset', reset);
+
                 $target.on('scroll', onScroll);
                 onScroll(); // sets the initial state
 
diff --git a/dist/scrollpoint.min.js b/dist/scrollpoint.min.js
index 2a9a808..cad1049 100644
--- a/dist/scrollpoint.min.js
+++ b/dist/scrollpoint.min.js
@@ -1,7 +1,7 @@
 /*!
  * angular-ui-scrollpoint
  * https://github.com/angular-ui/ui-scrollpoint
- * Version: 1.0.1 - 2015-07-03T03:01:23.641Z
+ * Version: 1.0.1 - 2015-10-16T14:30:35.778Z
  * License: MIT
  */
-!function(){"use strict";angular.module("ui.scrollpoint",[]).directive("uiScrollpoint",["$window",function(o){function t(){if(angular.isDefined(o.pageYOffset))return o.pageYOffset;var t=document.compatMode&&"BackCompat"!==document.compatMode?document.documentElement:document.body;return t.scrollTop}return{require:"^?uiScrollpointTarget",link:function(l,n,i,r){function e(){var o=u?i.uiScrollpoint:n[0].offsetTop+s,l=r?a[0].scrollTop:t();!n.hasClass("ui-scrollpoint")&&l>o?(n.addClass("ui-scrollpoint"),c=o):n.hasClass("ui-scrollpoint")&&c>l&&n.removeClass("ui-scrollpoint")}var c,u=!0,s=0,a=r&&r.$element||angular.element(o);i.uiScrollpoint?"string"==typeof i.uiScrollpoint&&("-"===i.uiScrollpoint.charAt(0)?(u=!1,s=-parseFloat(i.uiScrollpoint.substr(1))):"+"===i.uiScrollpoint.charAt(0)&&(u=!1,s=parseFloat(i.uiScrollpoint.substr(1)))):u=!1,c=u?i.uiScrollpoint:n[0].offsetTop+s,a.on("scroll",e),e(),l.$on("$destroy",function(){a.off("scroll",e)})}}}]).directive("uiScrollpointTarget",[function(){return{controller:["$element",function(o){this.$element=o}]}}])}();
\ No newline at end of file
+!function(){"use strict";angular.module("ui.scrollpoint",[]).directive("uiScrollpoint",["$window",function(o){function t(){if(angular.isDefined(o.pageYOffset))return o.pageYOffset;var t=document.compatMode&&"BackCompat"!==document.compatMode?document.documentElement:document.body;return t.scrollTop}return{require:"^?uiScrollpointTarget",link:function(l,n,i,r){function e(){var o=s?i.uiScrollpoint:n[0].offsetTop+p,l=r?a[0].scrollTop:t();!n.hasClass("ui-scrollpoint")&&l>o?(n.addClass("ui-scrollpoint"),u=o):n.hasClass("ui-scrollpoint")&&u>l&&n.removeClass("ui-scrollpoint")}function c(){n.removeClass("ui-scrollpoint"),u=s?i.uiScrollpoint:n[0].offsetTop+p,e()}var u,s=!0,p=0,a=r&&r.$element||angular.element(o);i.uiScrollpoint?"string"==typeof i.uiScrollpoint&&("-"===i.uiScrollpoint.charAt(0)?(s=!1,p=-parseFloat(i.uiScrollpoint.substr(1))):"+"===i.uiScrollpoint.charAt(0)&&(s=!1,p=parseFloat(i.uiScrollpoint.substr(1)))):s=!1,u=s?i.uiScrollpoint:n[0].offsetTop+p,l.$on("scrollpointShouldReset",c),a.on("scroll",e),e(),l.$on("$destroy",function(){a.off("scroll",e)})}}}]).directive("uiScrollpointTarget",[function(){return{controller:["$element",function(o){this.$element=o}]}}])}();
\ No newline at end of file
diff --git a/src/scrollpoint.js b/src/scrollpoint.js
index cfaebcb..0989159 100644
--- a/src/scrollpoint.js
+++ b/src/scrollpoint.js
@@ -50,6 +50,14 @@ angular.module('ui.scrollpoint', []).directive('uiScrollpoint', ['$window', func
                     }
                 }
 
+                function reset() {
+                    elm.removeClass('ui-scrollpoint');
+                    fixLimit = absolute ? attrs.uiScrollpoint : elm[0].offsetTop + shift;
+                    onScroll();
+                }
+
+                scope.$on('scrollpointShouldReset', reset);
+
                 $target.on('scroll', onScroll);
                 onScroll(); // sets the initial state