12 lines
11 KiB
JavaScript
12 lines
11 KiB
JavaScript
/*!
|
|
* ScrollSmoother 3.11.0
|
|
* https://greensock.com
|
|
*
|
|
* @license Copyright 2022, GreenSock. All rights reserved.
|
|
* This plugin is a membership benefit of Club GreenSock and is only authorized for use in sites/apps/products developed by individuals/companies with an active Club GreenSock membership. See https://greensock.com/club
|
|
* @author: Jack Doyle, jack@greensock.com
|
|
*/
|
|
|
|
!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports):"function"==typeof define&&define.amd?define(["exports"],t):t((e=e||self).window=e.window||{})}(this,function(e){"use strict";function _defineProperties(e,t){for(var r=0;r<t.length;r++){var n=t[r];n.enumerable=n.enumerable||!1,n.configurable=!0,"value"in n&&(n.writable=!0),Object.defineProperty(e,n.key,n)}}function q(){return"undefined"!=typeof window}function r(){return A||q()&&(A=window.gsap)&&A.registerPlugin&&A}var A,F,I,M,D,L,O,U,N,V,j,Y,G,t=(ScrollSmoother.register=function register(e){return F||(A=e||r(),q()&&window.document&&(I=window,M=document,D=M.documentElement,L=M.body),A&&(O=A.utils.toArray,U=A.utils.clamp,j=A.parseEase("expo"),N=A.core.globals().ScrollTrigger,A.core.globals("ScrollSmoother",ScrollSmoother),L&&N&&(Y=N.core._getVelocityProp,G=N.core._inputObserver,ScrollSmoother.refresh=N.refresh,F=1))),F},function _createClass(e,t,r){return t&&_defineProperties(e.prototype,t),r&&_defineProperties(e,r),e}(ScrollSmoother,[{key:"progress",get:function get(){return this.scrollTrigger?this.scrollTrigger.animation._time/100:0}}]),ScrollSmoother);function ScrollSmoother(e){var o=this;F||ScrollSmoother.register(A)||console.warn("Please gsap.registerPlugin(ScrollSmoother)"),e=this.vars=e||{},V&&V.kill(),V=this;function ta(){return B.update(-P)}function va(){return n.style.overflow="visible"}function xa(e){e.update();var t=e.getTween();t&&(t.pause(),t._time=t._dur,t._tTime=t._tDur),h=!1,e.animation.progress(e.progress,!0)}function ya(e,t){(e!==P&&!u||t)&&(k&&(n.style.transform="matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, "+e+", 0, 1)",n._gsap.y=e+"px"),R=e-P,P=e,N.isUpdating||N.update())}function za(e){return arguments.length?(e<0&&(e=0),H.y=-e,h=!0,u?P=-e:ya(-e),C(e),this):-P}function Ba(e){m.scrollTop=0,e.target.contains&&e.target.contains(m)||S&&!1===S(o,e)||(N.isInViewport(e.target)||e.target===g||o.scrollTo(e.target,!1,"center center"),g=e.target)}function Ca(e){var r,n,o,i;b.forEach(function(t){r=t.pins,i=t.markers,e.forEach(function(e){t.trigger&&e.trigger&&t!==e&&(e.trigger===t.trigger||e.pinnedContainer===t.trigger||t.trigger.contains(e.trigger))&&(n=e.start,o=(n-t.start-t.offset)/t.ratio-(n-t.start),r.forEach(function(e){return o-=e.distance/t.ratio-e.distance}),e.setPositions(n+o,e.end+o),e.markerStart&&i.push(A.quickSetter([e.markerStart,e.markerEnd],"y","px")),e.pin&&0<e.end&&(o=e.end-e.start,r.push({start:e.start,end:e.end,distance:o,trig:e}),t.setPositions(t.start,t.end+o),t.vars.onRefresh(t)))})})}function Da(){va(),requestAnimationFrame(va),b&&(b.forEach(function(e){var t=e.start,r=e.auto?Math.min(N.maxScroll(e.scroller),e.end):t+(e.end-t)/e.ratio,n=(r-e.end)/2;t-=n,r-=n,e.offset=n||1e-4,e.pins.length=0,e.setPositions(Math.min(t,r),Math.max(t,r)),e.vars.onRefresh(e)}),Ca(N.sort())),B.reset()}function Ea(){return N.addEventListener("refresh",Da)}function Fa(){return b&&b.forEach(function(e){return e.vars.onRefresh(e)})}function Ga(){return b&&b.forEach(function(e){return e.vars.onRefreshInit(e)}),Fa}function Ha(t,r,n,o){return function(){var e="function"==typeof r?r(n,o):r;return e||0===e||(e=o.getAttribute("data-"+E+t)||("speed"===t?1:0)),o.setAttribute("data-"+E+t,e),"auto"===e?e:parseFloat(e)}}function Ia(r,e,t,n){function wb(){e=s(),t=f(),o=parseFloat(e)||1,c=(a="auto"===e)?0:.5,l&&l.kill(),l=t&&A.to(r,{ease:j,overwrite:!1,y:"+=0",duration:t}),i&&(i.ratio=o,i.autoSpeed=a)}function xb(){g.y=h+"px",g.renderTransform(1),wb()}function Bb(e){if(a){xb();var t=function _autoDistance(e,t){var r,n,o=e.parentNode||D,i=e.getBoundingClientRect(),s=o.getBoundingClientRect(),a=s.top-i.top,l=s.bottom-i.bottom,c=(Math.abs(a)>Math.abs(l)?a:l)/(1-t),u=-c*t;return 0<c&&(n=.5==(r=s.height/(I.innerHeight+s.height))?2*s.height:2*Math.min(s.height,-c*r/(2*r-1))*(t||1),u+=t?-n*t:-n/2,c+=n),{change:c,offset:u}}(r,U(0,1,-e.start/(e.end-e.start)));v=t.change,u=t.offset}else v=(e.end-e.start)*(1-o),u=0;d.forEach(function(e){return v-=e.distance*(1-o)}),e.vars.onUpdate(e),l&&l.progress(1)}var o,i,a,l,c,u,s=Ha("speed",e,n,r),f=Ha("lag",t,n,r),h=A.getProperty(r,"y"),g=r._gsap,d=[],p=[],v=0;return wb(),(1!==o||a||l)&&(Bb(i=N.create({trigger:a?r.parentNode:r,scroller:m,scrub:!0,refreshPriority:-999,onRefreshInit:xb,onRefresh:Bb,onKill:function onKill(e){var t=b.indexOf(e);0<=t&&b.splice(t,1),xb()},onUpdate:function onUpdate(e){var t,r,n,o=h+v*(e.progress-c),i=d.length,s=0;if(e.offset){if(i){for(r=-P,n=e.end;i--;){if((t=d[i]).trig.isActive||r>=t.start&&r<=t.end)return void(l&&(t.trig.progress+=t.trig.direction<0?.001:-.001,t.trig.update(0,0,1),l.resetTo("y",parseFloat(g.y),-R,!0),_&&l.progress(1)));r>t.end&&(s+=t.distance),n-=t.distance}o=h+s+v*((A.utils.clamp(e.start,e.end,r)-e.start-s)/(n-e.start)-c)}o=function _round(e){return Math.round(1e5*e)/1e5||0}(o+u),p.length&&!a&&p.forEach(function(e){return e(o-s)}),l?(l.resetTo("y",o,-R,!0),_&&l.progress(1)):(g.y=o+"px",g.renderTransform(1))}}})),A.core.getCache(i.trigger).stRevert=Ga,i.startY=h,i.pins=d,i.markers=p,i.ratio=o,i.autoSpeed=a,r.style.willChange="transform"),i}var n,m,t,i,b,s,a,l,c,u,r,f,h,g,d=e.smoothTouch,p=e.onUpdate,v=e.onStop,w=e.smooth,S=e.onFocusIn,x=e.normalizeScroll,T="undefined"!=typeof ResizeObserver&&new ResizeObserver(function(){return i.refresh()}),E=e.effectsPrefix||"",C=N.getScrollFunc(I),k=1===N.isTouch?!0===d?.8:parseFloat(d)||0:0===w||!1===w?0:parseFloat(w)||.8,P=0,R=0,_=1,B=Y(0),H={y:0};function refreshHeight(){return t=n.clientHeight,n.style.overflow="visible",L.style.height=t+"px",t-I.innerHeight}Ea(),N.addEventListener("killAll",Ea),A.delayedCall(.5,function(){return _=0}),this.scrollTop=za,this.scrollTo=function(e,t,r){var n=A.utils.clamp(0,N.maxScroll(I),isNaN(e)?o.offset(e,r):+e);t?u?A.to(o,{duration:k,scrollTop:n,overwrite:"auto",ease:j}):C(n):za(n)},this.offset=function(e,t){var r,n=(e=O(e)[0]).style.cssText,o=N.create({trigger:e,start:t||"top top"});return b&&Ca([o]),r=o.start,o.kill(!1),e.style.cssText=n,A.core.getCache(e).uncache=1,r},this.content=function(e){if(arguments.length){var t=O(e||"#smooth-content")[0]||L.children[0];return t!==n&&(c=(n=t).getAttribute("style")||"",T&&T.observe(n),A.set(n,{overflow:"visible",width:"100%",boxSizing:"border-box",y:"+=0"}),k||A.set(n,{clearProps:"transform"})),this}return n},this.wrapper=function(e){return arguments.length?(m=O(e||"#smooth-wrapper")[0]||function _wrap(e){var t=M.querySelector(".ScrollSmoother-wrapper");return t||((t=M.createElement("div")).classList.add("ScrollSmoother-wrapper"),e.parentNode.insertBefore(t,e),t.appendChild(e)),t}(n),l=m.getAttribute("style")||"",refreshHeight(),A.set(m,k?{overflow:"hidden",position:"fixed",height:"100%",width:"100%",top:0,left:0,right:0,bottom:0}:{overflow:"visible",position:"relative",width:"100%",height:"auto",top:"auto",bottom:"auto",left:"auto",right:"auto"}),this):m},this.effects=function(e,t){if(b=b||[],!e)return b.slice(0);(e=O(e)).forEach(function(e){for(var t=b.length;t--;)b[t].trigger===e&&b[t].kill()});t=t||{};var r,n,o=t.speed,i=t.lag,s=[];for(r=0;r<e.length;r++)(n=Ia(e[r],o,i,r))&&s.push(n);return b.push.apply(b,s),s},this.sections=function(e,t){if(s=s||[],!e)return s.slice(0);var r=O(e).map(function(t){return N.create({trigger:t,start:"top 120%",end:"bottom -20%",onToggle:function onToggle(e){t.style.opacity=e.isActive?"1":"0",t.style.pointerEvents=e.isActive?"all":"none"}})});return t&&t.add?s.push.apply(s,r):s=r.slice(0),r},this.content(e.content),this.wrapper(e.wrapper),this.render=function(e){return ya(e||0===e?e:P)},this.getVelocity=function(){return B.getVelocity(-P)},N.scrollerProxy(m,{scrollTop:za,scrollHeight:function scrollHeight(){return refreshHeight()&&L.scrollHeight},fixedMarkers:!1!==e.fixedMarkers&&!!k,content:n,getBoundingClientRect:function getBoundingClientRect(){return{top:0,left:0,width:I.innerWidth,height:I.innerHeight}}}),N.defaults({scroller:m});var z=N.getAll().filter(function(e){return e.scroller===I||e.scroller===m});z.forEach(function(e){return e.revert(!0)}),i=N.create({animation:A.fromTo(H,{y:0},{y:function y(){return-refreshHeight()},immediateRender:!1,ease:"none",data:"ScrollSmoother",duration:100,onUpdate:function onUpdate(){if(this._dur){var e=h;e&&(xa(i),H.y=P),ya(H.y,e),ta(),p&&!u&&p(this)}}}),onRefreshInit:function onRefreshInit(){if(b){var e=N.getAll().filter(function(e){return!!e.pin});b.forEach(function(r){r.vars.pinnedContainer||e.forEach(function(e){if(e.pin.contains(r.trigger)){var t=r.vars;t.pinnedContainer=e.pin,r.vars=null,r.init(t,r.animation)}})})}f=P,H.y=m.scrollTop=0},id:"ScrollSmoother",scroller:I,invalidateOnRefresh:!0,start:0,refreshPriority:-9999,end:refreshHeight,onScrubComplete:function onScrubComplete(){B.reset(),v&&v(o)},scrub:k||!0,onRefresh:function onRefresh(e){xa(e),H.y=-C(),ya(H.y),_||e.animation.progress(A.utils.clamp(0,1,f/-e.end))}}),this.smooth=function(e){return arguments.length&&(k=e||0),arguments.length?i.scrubDuration(e):i.getTween()?i.getTween().duration():0},i.getTween()&&(i.getTween().vars.ease=e.ease||j),this.scrollTrigger=i,e.effects&&this.effects(!0===e.effects?"[data-"+E+"speed], [data-"+E+"lag]":e.effects,{}),e.sections&&this.sections(!0===e.sections?"[data-section]":e.sections),z.forEach(function(e){e.vars.scroller=m,e.init(e.vars,e.animation)}),this.paused=function(e,t){return arguments.length?(!!u!==e&&(e?(i.getTween()&&i.getTween().pause(),C(-P),B.reset(),(r=N.normalizeScroll())&&r.disable(),(u=N.observe({preventDefault:!0,type:"wheel,touch,scroll",debounce:!1,allowClicks:!0,onChangeY:function onChangeY(){return za(-P)}})).nested=G(D,"wheel,touch,scroll",!0,!1!==t)):(u.nested.kill(),u.kill(),u=0,r&&r.enable(),i.progress=(-P-i.start)/(i.end-i.start),xa(i))),this):!!u},this.kill=function(){o.paused(!1),xa(i),i.kill();for(var e=(b||[]).concat(s||[]),t=e.length;t--;)e[t].kill();N.scrollerProxy(m),N.removeEventListener("killAll",Ea),N.removeEventListener("refresh",Da),L.style.removeProperty("height"),m.style.cssText=l,n.style.cssText=c;var r=N.defaults({});r&&r.scroller===m&&N.defaults({scroller:I}),o.normalizer&&N.normalizeScroll(!1),clearInterval(a),V=null,T&&T.disconnect(),I.removeEventListener("focusin",Ba)},this.refresh=function(e,t){return i.refresh(e,t)},x&&(this.normalizer=N.normalizeScroll(!0===x?{debounce:!0,content:!k&&n}:x)),N.config(e),"overscrollBehavior"in I.getComputedStyle(L)&&A.set([L,D],{overscrollBehavior:"none"}),"scrollBehavior"in I.getComputedStyle(L)&&A.set([L,D],{scrollBehavior:"auto"}),I.addEventListener("focusin",Ba),a=setInterval(ta,250),"loading"===M.readyState||requestAnimationFrame(function(){return N.refresh()})}t.version="3.11.0",t.create=function(e){return V&&e&&V.content()===O(e.content)[0]?V:new t(e)},t.get=function(){return V},r()&&A.registerPlugin(t),e.ScrollSmoother=t,e.default=t;if (typeof(window)==="undefined"||window!==e){Object.defineProperty(e,"__esModule",{value:!0})} else {delete e.default}});
|
|
|