react-full-page-scroll
Version:
Component for creating one page vertical scroll.
1 lines • 3.25 kB
JavaScript
module.exports=function(e){var t={};function r(n){if(t[n])return t[n].exports;var u=t[n]={i:n,l:!1,exports:{}};return e[n].call(u.exports,u,u.exports,r),u.l=!0,u.exports}return r.m=e,r.c=t,r.d=function(e,t,n){r.o(e,t)||Object.defineProperty(e,t,{enumerable:!0,get:n})},r.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},r.t=function(e,t){if(1&t&&(e=r(e)),8&t)return e;if(4&t&&"object"==typeof e&&e&&e.__esModule)return e;var n=Object.create(null);if(r.r(n),Object.defineProperty(n,"default",{enumerable:!0,value:e}),2&t&&"string"!=typeof e)for(var u in e)r.d(n,u,function(t){return e[t]}.bind(null,u));return n},r.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return r.d(t,"a",t),t},r.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},r.p="",r(r.s=1)}([function(e,t){e.exports=require("react")},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n=function(e,t){if(Array.isArray(e))return e;if(Symbol.iterator in Object(e))return function(e,t){var r=[],n=!0,u=!1,o=void 0;try{for(var l,i=e[Symbol.iterator]();!(n=(l=i.next()).done)&&(r.push(l.value),!t||r.length!==t);n=!0);}catch(e){u=!0,o=e}finally{try{!n&&i.return&&i.return()}finally{if(u)throw o}}return r}(e,t);throw new TypeError("Invalid attempt to destructure non-iterable instance")},u=r(0),o=c(u),l=c(r(2)),i=c(r(3)),a=c(r(4));function c(e){return e&&e.__esModule?e:{default:e}}var d=document.documentElement.scrollHeight;document.querySelector("body").style.overflow="hidden",document.querySelector("body").style.margin="0px";t.default=function(e){var t=e.children,r=e.animationTime,c=void 0===r?1e3:r;t=t.map((function(e,t){return o.default.createElement(l.default,{key:t},o.default.createElement(i.default,null,e))})),("number"!=typeof c||c<1e3)&&(c=1e3);var f=(0,u.useState)(!1),s=n(f,2),v=s[0],y=s[1],m=(0,u.useState)(0),p=n(m,2),b=p[0],h=p[1],_=b*-d,g=function(e,r){return"UP"===e&&0!==r?(h(--r),!0):"DOWN"===e&&r<t.length-1&&(h(++r),!0)};return o.default.createElement("div",{onWheel:function(e){return t=e.deltaY,void(v||(y(!0),g(t<0?"UP":"DOWN",b)?setTimeout((function(){y(!1)}),c+500):y(!1)));var t}},o.default.createElement(a.default,{scrollHeight:_,animationTime:c},t))}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,u=r(0),o=(n=u)&&n.__esModule?n:{default:n};t.default=function(e){var t=e.children;return o.default.createElement("div",{style:{display:"table-row"}},t)}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,u=r(0),o=(n=u)&&n.__esModule?n:{default:n};t.default=function(e){var t=e.children;return o.default.createElement("div",{style:{display:"table-cell",verticalAlign:"middle",height:"100vh",width:"100%"}},t)}},function(e,t,r){"use strict";Object.defineProperty(t,"__esModule",{value:!0});var n,u=r(0),o=(n=u)&&n.__esModule?n:{default:n};t.default=function(e){var t=e.children,r=e.scrollHeight,n=e.animationTime;return o.default.createElement("div",{style:{height:"100%",position:"relative",touchAction:"none",transform:"translate(0px, "+r+"px)",transition:n/1e3+"s ease"}},t)}}]);