diff --git a/page/main.js b/page/main.js
index 87becde..b1bf847 100644
--- a/page/main.js
+++ b/page/main.js
@@ -27,4 +27,4 @@ object-assign
  *
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
- */var r,l,a,i,o;if(Object.defineProperty(t,"__esModule",{value:!0}),"undefined"==typeof window||"function"!=typeof MessageChannel){var u=null,c=null,s=function(){if(null!==u)try{var e=t.unstable_now();u(!0,e),u=null}catch(e){throw setTimeout(s,0),e}},f=Date.now();t.unstable_now=function(){return Date.now()-f},r=function(e){null!==u?setTimeout(r,0,e):(u=e,setTimeout(s,0))},l=function(e,t){c=setTimeout(e,t)},a=function(){clearTimeout(c)},i=function(){return!1},o=t.unstable_forceFrameRate=function(){}}else{var d=window.performance,p=window.Date,m=window.setTimeout,h=window.clearTimeout;if("undefined"!=typeof console){var v=window.cancelAnimationFrame;"function"!=typeof window.requestAnimationFrame&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"),"function"!=typeof v&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills")}if("object"==typeof d&&"function"==typeof d.now)t.unstable_now=function(){return d.now()};else{var y=p.now();t.unstable_now=function(){return p.now()-y}}var g=!1,b=null,w=-1,k=5,E=0;i=function(){return t.unstable_now()>=E},o=function(){},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing framerates higher than 125 fps is not unsupported"):k=0<e?Math.floor(1e3/e):5};var x=new MessageChannel,T=x.port2;x.port1.onmessage=function(){if(null!==b){var e=t.unstable_now();E=e+k;try{b(!0,e)?T.postMessage(null):(g=!1,b=null)}catch(e){throw T.postMessage(null),e}}else g=!1},r=function(e){b=e,g||(g=!0,T.postMessage(null))},l=function(e,n){w=m((function(){e(t.unstable_now())}),n)},a=function(){h(w),w=-1}}function S(e,t){var n=e.length;e.push(t);e:for(;;){var r=Math.floor((n-1)/2),l=e[r];if(!(void 0!==l&&0<P(l,t)))break e;e[r]=t,e[n]=l,n=r}}function C(e){return void 0===(e=e[0])?null:e}function _(e){var t=e[0];if(void 0!==t){var n=e.pop();if(n!==t){e[0]=n;e:for(var r=0,l=e.length;r<l;){var a=2*(r+1)-1,i=e[a],o=a+1,u=e[o];if(void 0!==i&&0>P(i,n))void 0!==u&&0>P(u,i)?(e[r]=u,e[o]=n,r=o):(e[r]=i,e[a]=n,r=a);else{if(!(void 0!==u&&0>P(u,n)))break e;e[r]=u,e[o]=n,r=o}}}return t}return null}function P(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}var N=[],O=[],z=1,M=null,R=3,I=!1,U=!1,F=!1;function D(e){for(var t=C(O);null!==t;){if(null===t.callback)_(O);else{if(!(t.startTime<=e))break;_(O),t.sortIndex=t.expirationTime,S(N,t)}t=C(O)}}function L(e){if(F=!1,D(e),!U)if(null!==C(N))U=!0,r(j);else{var t=C(O);null!==t&&l(L,t.startTime-e)}}function j(e,n){U=!1,F&&(F=!1,a()),I=!0;var r=R;try{for(D(n),M=C(N);null!==M&&(!(M.expirationTime>n)||e&&!i());){var o=M.callback;if(null!==o){M.callback=null,R=M.priorityLevel;var u=o(M.expirationTime<=n);n=t.unstable_now(),"function"==typeof u?M.callback=u:M===C(N)&&_(N),D(n)}else _(N);M=C(N)}if(null!==M)var c=!0;else{var s=C(O);null!==s&&l(L,s.startTime-n),c=!1}return c}finally{M=null,R=r,I=!1}}function A(e){switch(e){case 1:return-1;case 2:return 250;case 5:return 1073741823;case 4:return 1e4;default:return 5e3}}var W=o;t.unstable_ImmediatePriority=1,t.unstable_UserBlockingPriority=2,t.unstable_NormalPriority=3,t.unstable_IdlePriority=5,t.unstable_LowPriority=4,t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=R;R=e;try{return t()}finally{R=n}},t.unstable_next=function(e){switch(R){case 1:case 2:case 3:var t=3;break;default:t=R}var n=R;R=t;try{return e()}finally{R=n}},t.unstable_scheduleCallback=function(e,n,i){var o=t.unstable_now();if("object"==typeof i&&null!==i){var u=i.delay;u="number"==typeof u&&0<u?o+u:o,i="number"==typeof i.timeout?i.timeout:A(e)}else i=A(e),u=o;return e={id:z++,callback:n,priorityLevel:e,startTime:u,expirationTime:i=u+i,sortIndex:-1},u>o?(e.sortIndex=u,S(O,e),null===C(N)&&e===C(O)&&(F?a():F=!0,l(L,u-o))):(e.sortIndex=i,S(N,e),U||I||(U=!0,r(j))),e},t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_wrapCallback=function(e){var t=R;return function(){var n=R;R=t;try{return e.apply(this,arguments)}finally{R=n}}},t.unstable_getCurrentPriorityLevel=function(){return R},t.unstable_shouldYield=function(){var e=t.unstable_now();D(e);var n=C(N);return n!==M&&null!==M&&null!==n&&null!==n.callback&&n.startTime<=e&&n.expirationTime<M.expirationTime||i()},t.unstable_requestPaint=W,t.unstable_continueExecution=function(){U||I||(U=!0,r(j))},t.unstable_pauseExecution=function(){},t.unstable_getFirstCallbackNode=function(){return C(N)},t.unstable_Profiling=null},function(e,t,n){"use strict";var r=n(9);function l(){}function a(){}a.resetWarningCache=l,e.exports=function(){function e(e,t,n,l,a,i){if(i!==r){var o=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw o.name="Invariant Violation",o}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:l};return n.PropTypes=n,n}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,n){var r=n(11);"string"==typeof r&&(r=[[e.i,r,""]]);var l={injectType:"styleTag",insert:"head",singleton:!1};n(13)(r,l);r.locals&&(e.exports=r.locals)},function(e,t,n){(t=e.exports=n(12)(!1)).push([e.i,"@import url(https://fonts.googleapis.com/css?family=Montserrat&display=swap);",""]),t.push([e.i,"* {\n    box-sizing: border-box;\n}\n\nul {\n    margin: 0;\n    padding: 0;\n}\n\nbody {\n    font-family: 'Montserrat', sans-serif;\n    margin: 0;\n    padding: 0;\n    text-align: center;\n    background: #efefef;\n}\n\nh1 {\n    padding: 5vh 0 30px;\n}\n\nh1 strong {\n    display: inline-block;\n    font-size: 50px;\n    padding-bottom: 20px;\n    border-bottom: 1px solid #000;\n}\n\nh1 small {\n    display: block;\n    font-size: 20px;\n    font-weight: 300;\n    padding-top: 20px;\n}\n\n\n\nh2 {\n    font-size: 30px;\n    padding: 0 0 2vh;\n}\n\nh3 {\n    font-size: 20px;\n    padding: 0 0 2vh;\n}\n\np {\n    text-align: center;\n    padding-bottom: 30px;\n}\n\n.container {\n    display: flex;\n    width: 100%;\n    padding: 20px;\n    max-width: 900px;\n    align-items: stretch;\n    margin: 0 auto 10vh;\n}\n\n.grd-2 {\n    display: block;\n    width: 100%;\n    padding: 0 20px;\n}\n\n.scroll-list {\n    display: block;\n    width: 100%;\n    border-radius: 4px;\n    max-height: 250px;\n    overflow-y: auto;\n    background: #739cda;\n}\n\n.scroll-list li {\n    color: #fff;\n    text-align: left;\n    display: block;\n    font-size: 14px;\n    padding: 20px;\n    margin-bottom: 5px;\n    background-color: rgba(255, 255, 255, 0.05);\n}\n\na {\n    color: #fff;\n    padding: 15px;\n    border-radius: 5px;\n    margin: 0 10px;\n    text-decoration: none;\n}\n\n.docu {\n    background-color: #398be0;\n}\n\n.npm {\n    background-color: #e03939;\n}",""])},function(e,t,n){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var l=(i=r,o=btoa(unescape(encodeURIComponent(JSON.stringify(i)))),u="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(o),"/*# ".concat(u," */")),a=r.sources.map((function(e){return"/*# sourceURL=".concat(r.sourceRoot).concat(e," */")}));return[n].concat(a).concat([l]).join("\n")}var i,o,u;return[n].join("\n")}(t,e);return t[2]?"@media ".concat(t[2],"{").concat(n,"}"):n})).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},l=0;l<this.length;l++){var a=this[l][0];null!=a&&(r[a]=!0)}for(var i=0;i<e.length;i++){var o=e[i];null!=o[0]&&r[o[0]]||(n&&!o[2]?o[2]=n:n&&(o[2]="(".concat(o[2],") and (").concat(n,")")),t.push(o))}},t}},function(e,t,n){"use strict";var r,l={},a=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},i=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}();function o(e,t){for(var n=[],r={},l=0;l<e.length;l++){var a=e[l],i=t.base?a[0]+t.base:a[0],o={css:a[1],media:a[2],sourceMap:a[3]};r[i]?r[i].parts.push(o):n.push(r[i]={id:i,parts:[o]})}return n}function u(e,t){for(var n=0;n<e.length;n++){var r=e[n],a=l[r.id],i=0;if(a){for(a.refs++;i<a.parts.length;i++)a.parts[i](r.parts[i]);for(;i<r.parts.length;i++)a.parts.push(v(r.parts[i],t))}else{for(var o=[];i<r.parts.length;i++)o.push(v(r.parts[i],t));l[r.id]={id:r.id,refs:1,parts:o}}}}function c(e){var t=document.createElement("style");if(void 0===e.attributes.nonce){var r=n.nc;r&&(e.attributes.nonce=r)}if(Object.keys(e.attributes).forEach((function(n){t.setAttribute(n,e.attributes[n])})),"function"==typeof e.insert)e.insert(t);else{var l=i(e.insert||"head");if(!l)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");l.appendChild(t)}return t}var s,f=(s=[],function(e,t){return s[e]=t,s.filter(Boolean).join("\n")});function d(e,t,n,r){var l=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=f(t,l);else{var a=document.createTextNode(l),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}function p(e,t,n){var r=n.css,l=n.media,a=n.sourceMap;if(l&&e.setAttribute("media",l),a&&btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var m=null,h=0;function v(e,t){var n,r,l;if(t.singleton){var a=h++;n=m||(m=c(t)),r=d.bind(null,n,a,!1),l=d.bind(null,n,a,!0)}else n=c(t),r=p.bind(null,n,t),l=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else l()}}e.exports=function(e,t){(t=t||{}).attributes="object"==typeof t.attributes?t.attributes:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=a());var n=o(e,t);return u(n,t),function(e){for(var r=[],a=0;a<n.length;a++){var i=n[a],c=l[i.id];c&&(c.refs--,r.push(c))}e&&u(o(e,t),t);for(var s=0;s<r.length;s++){var f=r[s];if(0===f.refs){for(var d=0;d<f.parts.length;d++)f.parts[d]();delete l[f.id]}}}}},function(e,t,n){"use strict";n.r(t);var r=n(0),l=n.n(r),a=n(3),i=n.n(a),o=n(1),u=n.n(o);function c(e){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function s(){return(s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function f(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function d(e,t){return!t||"object"!==c(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function p(e){return(p=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function m(e,t){return(m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var v=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),d(this,p(t).apply(this,arguments))}var n,r,a;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&m(e,t)}(t,e),n=t,(r=[{key:"componentDidMount",value:function(){this.scroller.addEventListener("wheel",this.onWheel.bind(this))}},{key:"componentWillUnmount",value:function(){this.scroller.removeEventListener("wheel",this.onWheel.bind(this))}},{key:"onWheel",value:function(e){var t=e.currentTarget;t.clientHeight+t.scrollTop+e.deltaY>=t.scrollHeight?(e.preventDefault(),t.scrollTop=t.scrollHeight):t.scrollTop+e.deltaY<=0&&(e.preventDefault(),t.scrollTop=0),this.props.onWheel(e)}},{key:"render",value:function(){var e=this,t=this.props.tagName,n=Object.assign({},this.props);return delete n.tagName,l.a.createElement(t,s({ref:function(t){return e.scroller=t}},n),this.props.children)}}])&&f(n.prototype,r),a&&f(n,a),t}(r.Component);h(v,"propTypes",{tagName:u.a.string,onWheel:u.a.func}),h(v,"defaultProps",{tagName:"ul",onWheel:function(){}});n(10);function y(e){return(y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function g(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function b(e,t){return!t||"object"!==y(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function w(e){return(w=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function k(e,t){return(k=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var E=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),b(this,w(t).apply(this,arguments))}var n,r,a;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&k(e,t)}(t,e),n=t,(r=[{key:"getListElements",value:function(){return["a","b","c","d","e","f","g","h","i"].map((function(e,t){return l.a.createElement("li",{key:t},e)}))}},{key:"render",value:function(){return l.a.createElement("section",null,l.a.createElement("h1",null,l.a.createElement("strong",null,"Scroll-Prevention of Parent"),l.a.createElement("small",null,"react-scroll-bound")),l.a.createElement("p",null,"When an children reach end of scrolling, stop scrolling of parent elements"),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("a",{href:"https://github.com/fluse/react-list-scroll-bound",className:"docu",target:"_blank"},"Checkout Documentation"),l.a.createElement("a",{href:"https://www.npmjs.com/package/react-list-scroll-bound",className:"npm",target:"_blank"},"NPM Package"),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("h2",null,"Example"),l.a.createElement("div",{className:"container"},l.a.createElement("div",{className:"grd-2"},l.a.createElement("h3",null,"Prevent Parent Scroll"),l.a.createElement(v,{className:"scroll-list"},this.getListElements())),l.a.createElement("div",{className:"grd-2"},l.a.createElement("h3",null,"Default Behavior"),l.a.createElement("ul",{className:"scroll-list"},this.getListElements()))),l.a.createElement("h2",null,"Take a look at other Packages"),l.a.createElement("a",{href:"https://www.npmjs.com/package/react-tab-visibility",className:"npm",target:"_blank"},"react-tab-visbility"),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null))}}])&&g(n.prototype,r),a&&g(n,a),t}(r.Component),x=document.querySelector("main");x&&i.a.render(l.a.createElement(E,null),x)}]);
\ No newline at end of file
+ */var r,l,a,i,o;if(Object.defineProperty(t,"__esModule",{value:!0}),"undefined"==typeof window||"function"!=typeof MessageChannel){var u=null,c=null,s=function(){if(null!==u)try{var e=t.unstable_now();u(!0,e),u=null}catch(e){throw setTimeout(s,0),e}},f=Date.now();t.unstable_now=function(){return Date.now()-f},r=function(e){null!==u?setTimeout(r,0,e):(u=e,setTimeout(s,0))},l=function(e,t){c=setTimeout(e,t)},a=function(){clearTimeout(c)},i=function(){return!1},o=t.unstable_forceFrameRate=function(){}}else{var d=window.performance,p=window.Date,m=window.setTimeout,h=window.clearTimeout;if("undefined"!=typeof console){var v=window.cancelAnimationFrame;"function"!=typeof window.requestAnimationFrame&&console.error("This browser doesn't support requestAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills"),"function"!=typeof v&&console.error("This browser doesn't support cancelAnimationFrame. Make sure that you load a polyfill in older browsers. https://fb.me/react-polyfills")}if("object"==typeof d&&"function"==typeof d.now)t.unstable_now=function(){return d.now()};else{var y=p.now();t.unstable_now=function(){return p.now()-y}}var g=!1,b=null,w=-1,k=5,E=0;i=function(){return t.unstable_now()>=E},o=function(){},t.unstable_forceFrameRate=function(e){0>e||125<e?console.error("forceFrameRate takes a positive int between 0 and 125, forcing framerates higher than 125 fps is not unsupported"):k=0<e?Math.floor(1e3/e):5};var x=new MessageChannel,T=x.port2;x.port1.onmessage=function(){if(null!==b){var e=t.unstable_now();E=e+k;try{b(!0,e)?T.postMessage(null):(g=!1,b=null)}catch(e){throw T.postMessage(null),e}}else g=!1},r=function(e){b=e,g||(g=!0,T.postMessage(null))},l=function(e,n){w=m((function(){e(t.unstable_now())}),n)},a=function(){h(w),w=-1}}function S(e,t){var n=e.length;e.push(t);e:for(;;){var r=Math.floor((n-1)/2),l=e[r];if(!(void 0!==l&&0<P(l,t)))break e;e[r]=t,e[n]=l,n=r}}function C(e){return void 0===(e=e[0])?null:e}function _(e){var t=e[0];if(void 0!==t){var n=e.pop();if(n!==t){e[0]=n;e:for(var r=0,l=e.length;r<l;){var a=2*(r+1)-1,i=e[a],o=a+1,u=e[o];if(void 0!==i&&0>P(i,n))void 0!==u&&0>P(u,i)?(e[r]=u,e[o]=n,r=o):(e[r]=i,e[a]=n,r=a);else{if(!(void 0!==u&&0>P(u,n)))break e;e[r]=u,e[o]=n,r=o}}}return t}return null}function P(e,t){var n=e.sortIndex-t.sortIndex;return 0!==n?n:e.id-t.id}var N=[],O=[],z=1,M=null,R=3,I=!1,U=!1,F=!1;function D(e){for(var t=C(O);null!==t;){if(null===t.callback)_(O);else{if(!(t.startTime<=e))break;_(O),t.sortIndex=t.expirationTime,S(N,t)}t=C(O)}}function L(e){if(F=!1,D(e),!U)if(null!==C(N))U=!0,r(j);else{var t=C(O);null!==t&&l(L,t.startTime-e)}}function j(e,n){U=!1,F&&(F=!1,a()),I=!0;var r=R;try{for(D(n),M=C(N);null!==M&&(!(M.expirationTime>n)||e&&!i());){var o=M.callback;if(null!==o){M.callback=null,R=M.priorityLevel;var u=o(M.expirationTime<=n);n=t.unstable_now(),"function"==typeof u?M.callback=u:M===C(N)&&_(N),D(n)}else _(N);M=C(N)}if(null!==M)var c=!0;else{var s=C(O);null!==s&&l(L,s.startTime-n),c=!1}return c}finally{M=null,R=r,I=!1}}function A(e){switch(e){case 1:return-1;case 2:return 250;case 5:return 1073741823;case 4:return 1e4;default:return 5e3}}var W=o;t.unstable_ImmediatePriority=1,t.unstable_UserBlockingPriority=2,t.unstable_NormalPriority=3,t.unstable_IdlePriority=5,t.unstable_LowPriority=4,t.unstable_runWithPriority=function(e,t){switch(e){case 1:case 2:case 3:case 4:case 5:break;default:e=3}var n=R;R=e;try{return t()}finally{R=n}},t.unstable_next=function(e){switch(R){case 1:case 2:case 3:var t=3;break;default:t=R}var n=R;R=t;try{return e()}finally{R=n}},t.unstable_scheduleCallback=function(e,n,i){var o=t.unstable_now();if("object"==typeof i&&null!==i){var u=i.delay;u="number"==typeof u&&0<u?o+u:o,i="number"==typeof i.timeout?i.timeout:A(e)}else i=A(e),u=o;return e={id:z++,callback:n,priorityLevel:e,startTime:u,expirationTime:i=u+i,sortIndex:-1},u>o?(e.sortIndex=u,S(O,e),null===C(N)&&e===C(O)&&(F?a():F=!0,l(L,u-o))):(e.sortIndex=i,S(N,e),U||I||(U=!0,r(j))),e},t.unstable_cancelCallback=function(e){e.callback=null},t.unstable_wrapCallback=function(e){var t=R;return function(){var n=R;R=t;try{return e.apply(this,arguments)}finally{R=n}}},t.unstable_getCurrentPriorityLevel=function(){return R},t.unstable_shouldYield=function(){var e=t.unstable_now();D(e);var n=C(N);return n!==M&&null!==M&&null!==n&&null!==n.callback&&n.startTime<=e&&n.expirationTime<M.expirationTime||i()},t.unstable_requestPaint=W,t.unstable_continueExecution=function(){U||I||(U=!0,r(j))},t.unstable_pauseExecution=function(){},t.unstable_getFirstCallbackNode=function(){return C(N)},t.unstable_Profiling=null},function(e,t,n){"use strict";var r=n(9);function l(){}function a(){}a.resetWarningCache=l,e.exports=function(){function e(e,t,n,l,a,i){if(i!==r){var o=new Error("Calling PropTypes validators directly is not supported by the `prop-types` package. Use PropTypes.checkPropTypes() to call them. Read more at http://fb.me/use-check-prop-types");throw o.name="Invariant Violation",o}}function t(){return e}e.isRequired=e;var n={array:e,bool:e,func:e,number:e,object:e,string:e,symbol:e,any:e,arrayOf:t,element:e,elementType:e,instanceOf:t,node:e,objectOf:t,oneOf:t,oneOfType:t,shape:t,exact:t,checkPropTypes:a,resetWarningCache:l};return n.PropTypes=n,n}},function(e,t,n){"use strict";e.exports="SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED"},function(e,t,n){var r=n(11);"string"==typeof r&&(r=[[e.i,r,""]]);var l={injectType:"styleTag",insert:"head",singleton:!1};n(13)(r,l);r.locals&&(e.exports=r.locals)},function(e,t,n){(t=e.exports=n(12)(!1)).push([e.i,"@import url(https://fonts.googleapis.com/css?family=Montserrat&display=swap);",""]),t.push([e.i,"* {\n    box-sizing: border-box;\n}\n\nul {\n    margin: 0;\n    padding: 0;\n}\n\nbody {\n    font-family: 'Montserrat', sans-serif;\n    margin: 0;\n    padding: 0;\n    text-align: center;\n    background: #efefef;\n}\n\nh1 {\n    padding: 5vh 0 30px;\n}\n\nh1 strong {\n    display: inline-block;\n    font-size: 50px;\n    padding-bottom: 20px;\n    border-bottom: 1px solid #000;\n}\n\nh1 small {\n    display: block;\n    font-size: 20px;\n    font-weight: 300;\n    padding-top: 20px;\n}\n\n\n\nh2 {\n    font-size: 30px;\n    padding: 0 0 2vh;\n}\n\nh3 {\n    font-size: 20px;\n    padding: 0 0 2vh;\n}\n\np {\n    text-align: center;\n    padding-bottom: 30px;\n}\n\n.container {\n    display: flex;\n    width: 100%;\n    padding: 20px;\n    max-width: 900px;\n    align-items: stretch;\n    margin: 0 auto 10vh;\n}\n\n.grd-2 {\n    display: block;\n    width: 100%;\n    padding: 0 20px;\n}\n\n.scroll-list {\n    display: block;\n    width: 100%;\n    border-radius: 4px;\n    max-height: 250px;\n    overflow-y: auto;\n    background: #739cda;\n}\n\n.scroll-list li {\n    color: #fff;\n    text-align: left;\n    display: block;\n    font-size: 14px;\n    padding: 20px;\n    margin-bottom: 5px;\n    background-color: rgba(255, 255, 255, 0.05);\n}\n\na {\n    color: #fff;\n    padding: 15px;\n    border-radius: 5px;\n    margin: 0 10px;\n    text-decoration: none;\n}\n\n.docu {\n    background-color: #398be0;\n}\n\n.npm {\n    background-color: #e03939;\n}",""])},function(e,t,n){"use strict";e.exports=function(e){var t=[];return t.toString=function(){return this.map((function(t){var n=function(e,t){var n=e[1]||"",r=e[3];if(!r)return n;if(t&&"function"==typeof btoa){var l=(i=r,o=btoa(unescape(encodeURIComponent(JSON.stringify(i)))),u="sourceMappingURL=data:application/json;charset=utf-8;base64,".concat(o),"/*# ".concat(u," */")),a=r.sources.map((function(e){return"/*# sourceURL=".concat(r.sourceRoot).concat(e," */")}));return[n].concat(a).concat([l]).join("\n")}var i,o,u;return[n].join("\n")}(t,e);return t[2]?"@media ".concat(t[2],"{").concat(n,"}"):n})).join("")},t.i=function(e,n){"string"==typeof e&&(e=[[null,e,""]]);for(var r={},l=0;l<this.length;l++){var a=this[l][0];null!=a&&(r[a]=!0)}for(var i=0;i<e.length;i++){var o=e[i];null!=o[0]&&r[o[0]]||(n&&!o[2]?o[2]=n:n&&(o[2]="(".concat(o[2],") and (").concat(n,")")),t.push(o))}},t}},function(e,t,n){"use strict";var r,l={},a=function(){return void 0===r&&(r=Boolean(window&&document&&document.all&&!window.atob)),r},i=function(){var e={};return function(t){if(void 0===e[t]){var n=document.querySelector(t);if(window.HTMLIFrameElement&&n instanceof window.HTMLIFrameElement)try{n=n.contentDocument.head}catch(e){n=null}e[t]=n}return e[t]}}();function o(e,t){for(var n=[],r={},l=0;l<e.length;l++){var a=e[l],i=t.base?a[0]+t.base:a[0],o={css:a[1],media:a[2],sourceMap:a[3]};r[i]?r[i].parts.push(o):n.push(r[i]={id:i,parts:[o]})}return n}function u(e,t){for(var n=0;n<e.length;n++){var r=e[n],a=l[r.id],i=0;if(a){for(a.refs++;i<a.parts.length;i++)a.parts[i](r.parts[i]);for(;i<r.parts.length;i++)a.parts.push(v(r.parts[i],t))}else{for(var o=[];i<r.parts.length;i++)o.push(v(r.parts[i],t));l[r.id]={id:r.id,refs:1,parts:o}}}}function c(e){var t=document.createElement("style");if(void 0===e.attributes.nonce){var r=n.nc;r&&(e.attributes.nonce=r)}if(Object.keys(e.attributes).forEach((function(n){t.setAttribute(n,e.attributes[n])})),"function"==typeof e.insert)e.insert(t);else{var l=i(e.insert||"head");if(!l)throw new Error("Couldn't find a style target. This probably means that the value for the 'insert' parameter is invalid.");l.appendChild(t)}return t}var s,f=(s=[],function(e,t){return s[e]=t,s.filter(Boolean).join("\n")});function d(e,t,n,r){var l=n?"":r.css;if(e.styleSheet)e.styleSheet.cssText=f(t,l);else{var a=document.createTextNode(l),i=e.childNodes;i[t]&&e.removeChild(i[t]),i.length?e.insertBefore(a,i[t]):e.appendChild(a)}}function p(e,t,n){var r=n.css,l=n.media,a=n.sourceMap;if(l&&e.setAttribute("media",l),a&&btoa&&(r+="\n/*# sourceMappingURL=data:application/json;base64,".concat(btoa(unescape(encodeURIComponent(JSON.stringify(a))))," */")),e.styleSheet)e.styleSheet.cssText=r;else{for(;e.firstChild;)e.removeChild(e.firstChild);e.appendChild(document.createTextNode(r))}}var m=null,h=0;function v(e,t){var n,r,l;if(t.singleton){var a=h++;n=m||(m=c(t)),r=d.bind(null,n,a,!1),l=d.bind(null,n,a,!0)}else n=c(t),r=p.bind(null,n,t),l=function(){!function(e){if(null===e.parentNode)return!1;e.parentNode.removeChild(e)}(n)};return r(e),function(t){if(t){if(t.css===e.css&&t.media===e.media&&t.sourceMap===e.sourceMap)return;r(e=t)}else l()}}e.exports=function(e,t){(t=t||{}).attributes="object"==typeof t.attributes?t.attributes:{},t.singleton||"boolean"==typeof t.singleton||(t.singleton=a());var n=o(e,t);return u(n,t),function(e){for(var r=[],a=0;a<n.length;a++){var i=n[a],c=l[i.id];c&&(c.refs--,r.push(c))}e&&u(o(e,t),t);for(var s=0;s<r.length;s++){var f=r[s];if(0===f.refs){for(var d=0;d<f.parts.length;d++)f.parts[d]();delete l[f.id]}}}}},function(e,t,n){"use strict";n.r(t);var r=n(0),l=n.n(r),a=n(3),i=n.n(a),o=n(1),u=n.n(o);function c(e){return(c="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function s(){return(s=Object.assign||function(e){for(var t=1;t<arguments.length;t++){var n=arguments[t];for(var r in n)Object.prototype.hasOwnProperty.call(n,r)&&(e[r]=n[r])}return e}).apply(this,arguments)}function f(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function d(e,t){return!t||"object"!==c(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function p(e){return(p=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function m(e,t){return(m=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}function h(e,t,n){return t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n,e}var v=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),d(this,p(t).apply(this,arguments))}var n,r,a;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&m(e,t)}(t,e),n=t,(r=[{key:"componentDidMount",value:function(){this.scroller.addEventListener("wheel",this.onWheel.bind(this))}},{key:"componentWillUnmount",value:function(){this.scroller.removeEventListener("wheel",this.onWheel.bind(this))}},{key:"onWheel",value:function(e){var t=e.currentTarget;t.clientHeight+t.scrollTop+e.deltaY>=t.scrollHeight?(e.preventDefault(),t.scrollTop=t.scrollHeight):t.scrollTop+e.deltaY<=0&&(e.preventDefault(),t.scrollTop=0),this.props.onWheel(e)}},{key:"render",value:function(){var e=this,t=this.props.tagName,n=Object.assign({},this.props);return delete n.tagName,l.a.createElement(t,s({ref:function(t){return e.scroller=t}},n),this.props.children)}}])&&f(n.prototype,r),a&&f(n,a),t}(r.Component);h(v,"propTypes",{tagName:u.a.string,onWheel:u.a.func}),h(v,"defaultProps",{tagName:"ul",onWheel:function(){}});n(10);function y(e){return(y="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(e){return typeof e}:function(e){return e&&"function"==typeof Symbol&&e.constructor===Symbol&&e!==Symbol.prototype?"symbol":typeof e})(e)}function g(e,t){for(var n=0;n<t.length;n++){var r=t[n];r.enumerable=r.enumerable||!1,r.configurable=!0,"value"in r&&(r.writable=!0),Object.defineProperty(e,r.key,r)}}function b(e,t){return!t||"object"!==y(t)&&"function"!=typeof t?function(e){if(void 0===e)throw new ReferenceError("this hasn't been initialised - super() hasn't been called");return e}(e):t}function w(e){return(w=Object.setPrototypeOf?Object.getPrototypeOf:function(e){return e.__proto__||Object.getPrototypeOf(e)})(e)}function k(e,t){return(k=Object.setPrototypeOf||function(e,t){return e.__proto__=t,e})(e,t)}var E=function(e){function t(){return function(e,t){if(!(e instanceof t))throw new TypeError("Cannot call a class as a function")}(this,t),b(this,w(t).apply(this,arguments))}var n,r,a;return function(e,t){if("function"!=typeof t&&null!==t)throw new TypeError("Super expression must either be null or a function");e.prototype=Object.create(t&&t.prototype,{constructor:{value:e,writable:!0,configurable:!0}}),t&&k(e,t)}(t,e),n=t,(r=[{key:"getListElements",value:function(){return["a","b","c","d","e","f","g","h","i"].map((function(e,t){return l.a.createElement("li",{key:t},e)}))}},{key:"render",value:function(){return l.a.createElement("section",null,l.a.createElement("h1",null,l.a.createElement("strong",null,"Scroll-Prevention of Parent"),l.a.createElement("small",null,"react-scroll-bound")),l.a.createElement("p",null,"When an children reach end of scrolling, stop scrolling of parent elements"),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("a",{href:"https://github.com/fluse/react-scroll-bound",className:"docu",target:"_blank"},"Checkout Documentation"),l.a.createElement("a",{href:"https://www.npmjs.com/package/react-scroll-bound",className:"npm",target:"_blank"},"NPM Package"),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("h2",null,"Example"),l.a.createElement("div",{className:"container"},l.a.createElement("div",{className:"grd-2"},l.a.createElement("h3",null,"Prevent Parent Scroll"),l.a.createElement(v,{className:"scroll-list"},this.getListElements())),l.a.createElement("div",{className:"grd-2"},l.a.createElement("h3",null,"Default Behavior"),l.a.createElement("ul",{className:"scroll-list"},this.getListElements()))),l.a.createElement("h2",null,"Take a look at other Packages"),l.a.createElement("a",{href:"https://www.npmjs.com/package/react-tab-visibility",className:"npm",target:"_blank"},"react-tab-visbility"),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null),l.a.createElement("br",null))}}])&&g(n.prototype,r),a&&g(n,a),t}(r.Component),x=document.querySelector("main");x&&i.a.render(l.a.createElement(E,null),x)}]);
\ No newline at end of file
diff --git a/src/index.js b/src/index.js
index 731e25a..1605022 100644
--- a/src/index.js
+++ b/src/index.js
@@ -27,9 +27,9 @@ class App extends Component {
 
                 <br />
                 <br />
-                
-                <a href="https://github.com/fluse/react-list-scroll-bound" className="docu" target="_blank">Checkout Documentation</a>
-                <a href="https://www.npmjs.com/package/react-list-scroll-bound" className="npm" target="_blank">NPM Package</a>
+
+                <a href="https://github.com/fluse/react-scroll-bound" className="docu" target="_blank">Checkout Documentation</a>
+                <a href="https://www.npmjs.com/package/react-scroll-bound" className="npm" target="_blank">NPM Package</a>
 
                 <br />
                 <br />