Add scrollOffset

README.md

@@ -144,7 +144,9 @@ React.render(
 
 > smooth - animate the scrolling
 
-> offset - scroll additional px ( like padding )
+> offset - element bound and scroll offset px ( like padding )
+
+> scrollOffset - additional scroll offset px ( used only by scrollTo )
 
 > duration - time of the scroll animation
 

examples/basic/app.css

@@ -11,6 +11,10 @@
 	padding-left:10px;
 }
 
+#offset {
+	padding-top:155px;
+}
+
 .active {
 	color:red !important;
 }

examples/basic/app.js

@@ -62,6 +62,7 @@ class Section extends React.Component{
                 <li> <a onClick={() => scroll.scrollMore(1000, { delay : 1500 })}>Scroll 1000 More! ( delay ) </a></li>
                 <li><Link activeClass="active" className="test8" to="same" spy={true} smooth={true} duration={500}>Same target</Link></li>
                 <li><Link activeClass="active" className="test9" to="same" spy={true} smooth={true} duration={500}>Same target</Link></li>
+                <li><Link activeClass="active" className="test10" to="offset" spy={true} offset={100} scrollOffset={25}>Test offset</Link></li>
               </ul>
             </div>
           </div>
@@ -124,6 +125,10 @@ class Section extends React.Component{
           Two links point to this
         </Element>
 
+        <div id="offset" className="element">
+          Offset
+        </div>
+
         <a onClick={this.scrollToTop}>To the top!</a>
 
       </div>

modules/mixins/Helpers.js

@@ -17,6 +17,7 @@ var protoTypes = {
   spy: PropTypes.bool,
   smooth: PropTypes.oneOfType([PropTypes.bool, PropTypes.string]),
   offset: PropTypes.number,
+  scrollOffset: PropTypes.number,
   delay: PropTypes.number,
   isDynamic: PropTypes.bool,
   onClick: PropTypes.func,
@@ -206,7 +207,7 @@ var Helpers = {
       }
     };
     _.propTypes = protoTypes;
-    _.defaultProps={offset: 0};
+    _.defaultProps={offset: 0, scrollOffset: 0};
     return _;
   },
 

modules/mixins/scroller.js

@@ -74,7 +74,7 @@ module.exports = {
       }
 
       scrollOffset += (props.offset || 0);
-
+      scrollOffset += (props.scrollOffset || 0);
 
       /*
        * if animate is not provided just scroll into the view