https://wb-anime.net/assets/teaser/js/vender/js-scroll-effect-module.js

1/*! @yama-dev/js-scroll-effect-module Version 0.11.2 Repository https://github.com/yama-dev/js-scroll-effect-module Copyright yama-dev Licensed MIT */
2!function (t, e) { "object" == typeof exports && "object" == typeof module ? module.exports = e() : "function" == typeof define && define.amd ? define([], e) : "object" == typeof exports ? exports.SCROLL_EFFECT_MODULE = e() : t.SCROLL_EFFECT_MODULE = e() }(self, (function () { return function () { "use strict"; var t = { d: function (e, i) { for (var n in i) t.o(i, n) && !t.o(e, n) && Object.defineProperty(e, n, { enumerable: !0, get: i[n] }) }, o: function (t, e) { return Object.prototype.hasOwnProperty.call(t, e) } }, e = {}; function i(t) { try { return t instanceof HTMLElement } catch (t) { return !1 } } function n(t, e) { if (e) { var s, o = n(t), a = []; return !!o && (o.map((function (t) { if (!(s = i(e) ? Array.prototype.slice.call(t.querySelectorAll(e.tagName.toLowerCase())) : Array.prototype.slice.call(t.querySelectorAll(e)))) return !1; a = a.concat(s) })), a) } if (!t) return !1; var c; if (!Array.isArray(t) && !t.length || function (t) { try { return "string" == typeof t } catch (t) { return !1 } }(t)) c = i(t) ? Array(t) : Array.prototype.slice.call(document.querySelectorAll(t)); else { if (!i(t[0])) return !1; c = Array.prototype.slice.call(t) } return 0 === c.length && (c = null), c } function s(t, e) { return i(t) ? t.classList.contains(e) : document.querySelector(t).classList.contains(e) } function o(t, e) { var i = n(t); if (!i) return !1; i.map((function (t) { t.classList.add(e) })) } function a(t, e) { var i = n(t); if (!i) return !1; i.map((function (t) { t.classList.remove(e) })) } function c(t, e) { var i = Object.keys(t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(t); e && (n = n.filter((function (e) { return Object.getOwnPropertyDescriptor(t, e).enumerable }))), i.push.apply(i, n) } return i } function r(t) { for (var e = 1; e < arguments.length; e++) { var i = null != arguments[e] ? arguments[e] : {}; e % 2 ? c(Object(i), !0).forEach((function (e) { l(t, e, i[e]) })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(t, Object.getOwnPropertyDescriptors(i)) : c(Object(i)).forEach((function (e) { Object.defineProperty(t, e, Object.getOwnPropertyDescriptor(i, e)) })) } return t } function l(t, e, i) { return e in t ? Object.defineProperty(t, e, { value: i, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = i, t } function f(t, e) { if (!(t instanceof e)) throw new TypeError("Cannot call a class as a function") } function u(t, e) { for (var i = 0; i < e.length; i++) { var n = e[i]; n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), Object.defineProperty(t, n.key, n) } } t.d(e, { default: function () { return h } }); var h = function () { function t() { var e = arguments.length > 0 && void 0 !== arguments[0] ? arguments[0] : {}; f(this, t), this.Version = "0.11.2", this.state = { NumScrolltopPre: window.pageYOffset, NumScrolltop: window.pageYOffset, PosList: [], PosListFixPre: [], PosListFix: [], PosListNoneFix: [], flg: { intersectChanged: !1 } }; var i = { elem: null, firstElem: null, displayRatio: .8, displayReverse: !1, displayRatioReverse: null, firstDelay: 10, firstDelaySteps: 100, throttleInterval: 5, addClassNameActive: "is-active", autoStart: !0, intersect: !1, addClassNameIntersect: "is-intersect", addClassNameIntersectOver: "is-intersect-over", on: { Scroll: null, Change: null, In: null, Out: null, Intersect: null } }; this.config = r(r({}, i), e), this.config.displayRatioReverse ? this.config.displayRatioReverse < this.config.displayRatio && (this.config.displayRatioReverse = this.config.displayRatio) : this.config.displayRatioReverse = this.config.displayRatio, this.config.autoStart && this.Init() } var e, i, c; return e = t, (i = [{ key: "Init", value: function () { var t = this; "complete" == document.readyState || "interactive" == document.readyState ? (this.CacheDom(), this.BindEvent()) : document.addEventListener("DOMContentLoaded", (function () { t.CacheDom(), t.BindEvent() })) } }, { key: "BindEvent", value: function () { var t, e, i, n = this, s = this; setTimeout((function () { n.Update(), n._storeElementStateAtPosList("load") }), this.config.firstDelay), window.addEventListener("resize", (function () { n.Update() })), window.addEventListener("scroll", (t = function () { s._storeElementStateAtPosList("scroll") }, e = this.config.throttleInterval, i = Date.now(), function () { i + e - Date.now() < 0 && (t(), i = Date.now()) }), { passive: !0 }) } }

2, { key: "CacheDom", value: function () { this.$elemItem = n(this.config.elem), this.$elemItemFirst = n(this.config.firstElem) } }, { key: "CacheDomSize", value: function () { this.NumWindowHeight = window.innerHeight } }, { key: "SetDom", value: function () { var t = this; this.state.PosList = [], this.state.NumScrolltop = window.pageYOffset; var e = n(this.$elemItem); e && e.map((function (e, i) { var n = 0; e.dataset && void 0 !== e.dataset.semOffset && (n = Number(e.dataset.semOffset)); var s = { el: e, index: i, pos: e.getBoundingClientRect().top + t.state.NumScrolltop - n, height: e.clientHeight, height2: e.offsetHeight, count: 0, active: !1, intersect: !1, intersectover: !1, dataset: e.dataset }; t.state.PosList.push(s) })) } }, { key: "Start", value: function () { if (this.config.autoStart) return !1; this.Init() } }, { key: "Update", value: function () { this.CacheDom(), this.CacheDomSize(), this.SetDom() } }, { key: "Refresh", value: function () { this.Update(), this.Clear(), this._actionChange() } }, { key: "Clear", value: function () { var t = this; this.state.PosList.map((function (e, i) { e.active = !1, a(t.$elemItem[i], t.config.addClassNameActive) })) } }, { key: "_storeElementStateAtPosList", value: function (t) { var e = this; this.state.PosListFix = [], this.state.PosListNoneFix = [], this.state.NumScrolltop = window.pageYOffset, this.state.PosList.map((function (i) { e.config.displayRatio === e.config.displayRatioReverse && (e.state.NumScrolltop + e.NumWindowHeight * e.config.displayRatio > i.pos ? ("load" === t && i.count++, i.active = !0, e.state.PosListFix.push(i)) : (i.active = !1, e.state.PosListNoneFix.push(i))), e.config.displayRatio !== e.config.displayRatioReverse && (e.state.NumScrolltop + e.NumWindowHeight * e.config.displayRatio > i.pos ? ("load" === t && i.count++, i.active = !0, e.state.PosListFix.push(i)) : e.state.NumScrolltop + e.NumWindowHeight * e.config.displayRatioReverse > i.pos ? i.active ? e.state.PosListFix.push(i) : e.state.PosListNoneFix.push(i) : (i.active = !1, e.state.PosListNoneFix.push(i))), e.config.intersect && (e.state.NumScrolltop > i.pos ? e.state.NumScrolltop + e.NumWindowHeight > i.pos + i.height ? i.intersect && (e.state.flg.intersectChanged = !0, i.intersect = !1, i.intersectover = !0) : i.intersect || (e.state.flg.intersectChanged = !0, i.intersect = !0, i.intersectover = !1) : i.intersect && (e.state.flg.intersectChanged = !0, i.intersect = !1, i.intersectover = !1)) })), "load" === t ? this.ActionChangeFirst() : "scroll" === t && this.state.PosListFixPre.length !== this.state.PosListFix.length && this._actionChange(), this.config.intersect && this.state.flg.intersectChanged && (this.state.flg.intersectChanged = !1, this._actionChangeIntersect()), this.config.on.Scroll && "function" == typeof this.config.on.Scroll && this.config.on.Scroll(this.state.NumScrolltop), this.state.NumScrolltopPre = this.state.NumScrolltop, this.state.PosListFixPre = this.state.PosListFix } }, { key: "ActionChangeFirst", value: function () { var t = this, e = 0; this.$elemItemFirst ? function i() { setTimeout((function () { t.config.addClassNameActive && o(t.$elemItemFirst[e], t.config.addClassNameActive), ++e < t.$elemItemFirst.length && i(), t.$elemItemFirst.length == e && t._actionChange() }), t.config.firstDelaySteps) }() : setTimeout((function () { t._actionChange() }), this.config.firstDelaySteps) } }, { key: "_actionChange", value: function () { var t = this; if (!this.state.PosList.length) return !1; if (this.state.PosListFix.map((function (e) { s(t.$elemItem[e.index], t.config.addClassNameActive) || (e.count++, t.config.addClassNameActive && o(t.$elemItem[e.index], t.config.addClassNameActive), t.config.on.In && "function" == typeof t.config.on.In && t.config.on.In(t.$elemItem[e.index], e.index, e, t.state.NumScrolltop)) })), this.config.displayReverse && this.state.PosListNoneFix.map((function (e) { s(t.$elemItem[e.index], t.config.addClassNameActive) && (a(t.$elemItem[e.index], t.config.addClassNameActive), t.config.on.Out && "function" == typeof t.config.on.Out && t.config.on.Out(t.$elemItem[e.index], e.index, e, t.state.NumScrolltop)) })), this.config.on.Change && "function" == typeof this.config.on.Change) { var e = this.state.PosListFix; this.config.on.Change(this.$elemItem[e.length - 1], e.length, e[e.length - 1], this.state.NumScrolltop) } } }, { key: "_actionChangeIntersect", value: function () { var t = this; this.state.PosList.map((function (e) { var i = { el: e.el, intersect: e.intersect, index: e.index, pos: e.pos, height: e.height, height2: e.height2, count: e.count, dataset: e.dataset }; e.intersect ? s(e.el, t.config.addClassNameIntersect) || (t.config.addClassNameIntersect && o(e.el, t.config.addClassNameIntersect), t.config.on.Intersect && "function" == typeof t.config.on.Intersect && t.config.on.Intersect(i)) : s(e.el, t.config.addClassNameIntersect) && (t.config.addClassNameIntersect && a(e.el, t.config.addClassNameIntersect), t.config.on.Intersect && "function" == typeof t.config.on.Intersect && t.config.on.Intersect(i)), e.intersectover ? s(e.el, t.config.addClassNameIntersectOver) || (t.config.addClassNameIntersectOver && o(e.el, t.config.addClassNameIntersectOver), t.config.on.Intersect && "function" == typeof t.config.on.Intersect && t.config.on.Intersect(i)) : s(e.el, t.config.addClassNameIntersectOver) && (t.config.addClassNameIntersectOver && a(e.el, t.config.addClassNameIntersectOver), t.config.on.Intersect && "function" == typeof t.config.on.Intersect && t.config.on.Intersect(i)) })) } }]) && u(e.prototype, i), c && u(e, c), t }(); return e = e.default }() }));