https://www.adholic.com.tw/seasongarden/assets/js/scroll-out.min.js

1var ScrollOut=function(){"use strict"
2function S(e,t,n){return e<t?t:n<e?n:e}function T(e){return+(0<e)-+(e<0)}var q,t={}
3function n(e){return"-"+e[0].toLowerCase()}function d(e){return t[e]||(t[e]=e.replace(/([A-Z])/g,n))}function v(e,t){return e&&0!==e.length?e.nodeName?[e]:[].slice.call(e[0].nodeName?e:(t||document.documentElement).querySelectorAll(e)):[]}function h(e,t){for(var n in t)n.indexOf("_")&&e.setAttribute("data-"+d(n),t[n])}var z=[]
4function e(){q=0,z.slice().forEach(function(e){return e()}),F()}function F(){!q&&z.length&&(q=requestAnimationFrame(e))}function N(e,t,n,r){return"function"==typeof e?e(t,n,r):e}function m(){}return function(L){var i,P,_,H,o=(L=L||{}).onChange||m,l=L.onHidden||m,c=L.onShown||m,s=L.onScroll||m,f=L.cssProps?(i=L.cssProps,function(e,t){for(var n in t)n.indexOf("_")&&(!0===i||i[n])&&e.style.setProperty("--"+d(n),(r=t[n],Math.round(1e4*r)/1e4))
5var r}):m,e=L.scrollingElement,W=e?v(e)[0]:window,x=e?v(e)[0]:document.documentElement,A=!1,O={},y=[]
6function t(){y=v(L.targets||"[data-scroll]",v(L.scope||x)[0]).map(function(e){return{element:e}})}function n(){var e=x.clientWidth,t=x.clientHeight,n=T(-P+(P=x.scrollLeft||window.pageXOffset)),r=T(-_+(_=x.scrollTop||window.pageYOffset)),i=x.scrollLeft/(x.scrollWidth-e||1),o=x.scrollTop/(x.scrollHeight-t||1)
7A=A||O.scrollDirX!==n||O.scrollDirY!==r||O.scrollPercentX!==i||O.scrollPercentY!==o,O.scrollDirX=n,O.scrollDirY=r,O.scrollPercentX=i,O.scrollPercentY=o
8for(var l,c=!1,s=0;s<y.length;s++){for(var f=y[s],u=f.element,a=u,d=0,v=0;d+=a.offsetLeft,v+=a.offsetTop,(a=a.offsetParent)&&a!==W;);var h=u.clientHeight||u.offsetHeight||0,m=u.clientWidth||u.offsetWidth||0,g=(S(d+m,P,P+e)-S(d,P,P+e))/m,p=(S(v+h,_,_+t)-S(v,_,_+t))/h,w=1===g?0:T(d-P),X=1===p?0:T(v-_),Y=S((P-(m/2+d-e/2))/(e/2),-1,1),b=S((_-(h/2+v-t/2))/(t/2),-1,1),D=void 0
9D=L.offset?N(L.offset,u,f,x)>_?0:1:(N(L.threshold,u,f,x)||0)<g*p?1:0
10var E=f.visible!==D;(f._changed||E||f.visibleX!==g||f.visibleY!==p||f.index!==s||f.elementHeight!==h||f.elementWidth!==m||f.offsetX!==d||f.offsetY!==v||f.intersectX!=f.intersectX||f.intersectY!=f.intersectY||f.viewportX!==Y||f.viewportY!==b)&&(c=!0,f._changed=!0,f._visibleChanged=E,f.visible=D,f.elementHeight=h,f.elementWidth=m,f.index=s,f.offsetX=d,f.offsetY=v,f.visibleX=g,f.visibleY=p,f.intersectX=w,f.intersectY=X,f.viewportX=Y,f.viewportY=b,f.visible=D)}H||!A&&!c||(l=C,z.push(l),F(),H=function(){!(z=z.filter(function(e){return e!==l})).length&&q&&(cancelAnimationFrame(q),q=0)})}function C(){u(),A&&(A=!1,h(x,{scrollDirX:O.scrollDirX,scrollDirY:O.scrollDirY}),f(x,O),s(x,O,y))
11for(var e=y.length-1;-1<e;e--){var t=y[e],n=t.element,r=t.visible
12t._changed&&(t._changed=!1,f(n,t)),t._visibleChanged&&(h(n,{scroll:r?"in":"out"}),o(n,t,x),(r?c:l)(n,t,x)),r&&L.once&&y.splice(e,1)}}function u(){H&&(H(),H=void 0)}t(),n(),C()
13var r=0,a=function(){r=r||setTimeout(function(){r=0,n()},0)}
14return window.addEventListener("resize",a),W.addEventListener("scroll",a),{index:t,update:n,teardown:function(){u(),window.removeEventListener("resize",a),W.removeEventListener("scroll",a)}}}}()