diff --git a/.env b/.env
index 1ec5b8b..b166ce7 100644
--- a/.env
+++ b/.env
@@ -1,2 +1,2 @@
 SLUG=js-scroll-effect-module
-VERSION=0.13.3
+VERSION=0.13.5
diff --git a/Makefile b/Makefile
index 9dc836c..81409d6 100755
--- a/Makefile
+++ b/Makefile
@@ -37,6 +37,6 @@ zip:
 	$(CP) dist/js-scroll-effect-module.js examples/index.html $(ZIP_FOLDER)/
 	$(CP) examples/scroll-effect-module.css examples/scroll-effect-module.css $(ZIP_FOLDER)/
 	sed -i "" "s/..\/dist\//.\//g" "$(ZIP_FOLDER)/index.html"
-	$(ZIP) $(ZIP_FOLDER)/$(VERSION).zip -r $(ZIP_FOLDER)/*
+	$(ZIP) $(ZIP_FOLDER)/$(SLUG)_v$(VERSION).zip -r $(ZIP_FOLDER)/*
 
 .PHONY: all build serve clean prod zip install
diff --git a/README.md b/README.md
index a9c8975..b498210 100644
--- a/README.md
+++ b/README.md
@@ -21,7 +21,7 @@ By using pre-prepared CSS, it is surprisingly easy to add effects that match the
 
 - npm -> [https://www.npmjs.com/package/js-scroll-effect-module](https://www.npmjs.com/package/js-scroll-effect-module)
 
-- Standalone(CDN) -> [https://cdn.jsdelivr.net/gh/yama-dev/js-scroll-effect-module@0.13.3/dist/js-scroll-effect-module.js](https://cdn.jsdelivr.net/gh/yama-dev/js-scroll-effect-module@0.13.3/dist/js-scroll-effect-module.js)
+- Standalone(CDN) -> [https://cdn.jsdelivr.net/gh/yama-dev/js-scroll-effect-module@0.13.5/dist/js-scroll-effect-module.js](https://cdn.jsdelivr.net/gh/yama-dev/js-scroll-effect-module@0.13.5/dist/js-scroll-effect-module.js)
 
 - Zip -> [yama-dev/js-scroll-effect-module](https://github.com/yama-dev/js-scroll-effect-module/releases/latest)
 
@@ -44,8 +44,8 @@ import SCROLL_EFFECT_MODULE from 'js-scroll-effect-module';
 ### Basic Use
 
 ``` html
-<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/yama-dev/js-scroll-effect-module@0.13.3/examples/scroll-effect-module.css">
-<script src="https://cdn.jsdelivr.net/gh/yama-dev/js-scroll-effect-module@0.13.3/dist/js-scroll-effect-module.js"></script>
+<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/yama-dev/js-scroll-effect-module@0.13.5/examples/scroll-effect-module.css">
+<script src="https://cdn.jsdelivr.net/gh/yama-dev/js-scroll-effect-module@0.13.5/dist/js-scroll-effect-module.js"></script>
 
 <div data-scroll></div>
 
@@ -63,7 +63,7 @@ new SCROLL_EFFECT_MODULE({
 ### Advanced Use
 
 ``` html
-<script src="https://cdn.jsdelivr.net/gh/yama-dev/js-scroll-effect-module@0.13.3/dist/js-scroll-effect-module.js"></script>
+<script src="https://cdn.jsdelivr.net/gh/yama-dev/js-scroll-effect-module@0.13.5/dist/js-scroll-effect-module.js"></script>
 
 <div data-scroll data-scroll-name="name-1"></div>
 
@@ -72,7 +72,7 @@ new SCROLL_EFFECT_MODULE({
 <script>
 const ScrollEffectModule = new SCROLL_EFFECT_MODULE({
   target             : '[data-scroll]',
-  classNameInview    : 'is-active',
+  classNameInview    : 'is-scroll-active',
 
   ratio              : 0.8,   // 判定する比率を指定（ウィンドウ高さを1として指定）
   reverse            : false, // スクロールを戻した時にクラスを削除するかどうか
@@ -84,6 +84,8 @@ const ScrollEffectModule = new SCROLL_EFFECT_MODULE({
   autoStart          : true, // 自動でスタートするかどうか
   autoStartType      : 'ready', // ready, load, scroll
 
+  updateResizeAuto   : true,
+
   throttleInterval   : 5,
 
   on: {
diff --git a/dist/js-scroll-effect-module.js b/dist/js-scroll-effect-module.js
index 711b4e3..e712d27 100644
--- a/dist/js-scroll-effect-module.js
+++ b/dist/js-scroll-effect-module.js
@@ -1,2 +1,2 @@
-/*! @yama-dev/js-scroll-effect-module Version 0.13.3 Repository https://github.com/yama-dev/js-scroll-effect-module Copyright yama-dev Licensed MIT */
-!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 o,r=n(t),a=[];return!!r&&(r.map((function(t){if(!(o=i(e)?Array.prototype.slice.call(t.querySelectorAll(e.tagName.toLowerCase())):Array.prototype.slice.call(t.querySelectorAll(e))))return!1;a=a.concat(o)})),a)}if(!t)return!1;var s;if(!Array.isArray(t)&&!t.length||function(t){try{return"string"==typeof t}catch(t){return!1}}(t))s=i(t)?Array(t):Array.prototype.slice.call(document.querySelectorAll(t));else{if(!i(t[0]))return!1;s=Array.prototype.slice.call(t)}return 0===s.length&&(s=null),s}function o(t,e){return i(t)?t.classList.contains(e):document.querySelector(t).classList.contains(e)}function r(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 s(t){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},s(t)}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 l(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){u(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 u(t,e,i){return(e=h(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function f(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,h(n.key),n)}}function h(t){var e=function(t,e){if("object"!=s(t)||!t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var n=i.call(t,e||"default");if("object"!=s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==s(e)?e:String(e)}t.d(e,{default:function(){return p}});var p=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.state={NumScrolltopPre:0,NumScrolltop:0,NumWindowHeight:0,PosList:[],$targets:null,$parent:null,$body:null};this.config=l(l({},{target:"[data-scroll]",targetDataName:"[data-scroll-name]",parent:"window",body:"body",classNameInview:"is-active",ratio:.8,ratioReverse:null,reverse:!1,firstDelay:100,autoStart:!0,autoStartType:"ready",throttleInterval:5,customVarNameRatio:null,on:{Scroll:null,Change:null,In:null,Out:null}}),e),this.timer=null,this.timerScroll=null,this.config.ratioReverse?this.config.ratioReverse<this.config.ratio&&(this.config.ratioReverse=this.config.ratio):this.config.ratioReverse=this.config.ratio,this.config.autoStart&&this.Init()}var e,i,s;return e=t,i=[{key:"Init",value:function(){var t=this;"complete"==document.readyState||"interactive"==document.readyState?(this.Update(),this._BindEvent()):document.addEventListener("DOMContentLoaded",(function(){t.Update(),t._BindEvent()}))}},{key:"Start",value:function(){this.Stop(),this.Update(),this._StoreElementStateAtPosList()}},{key:"Update",value:function(){this._SetDom()}},{key:"Stop",value:function(){var t=this;this.state.PosList.map((function(e){a(e.el,t.config.classNameInview)})),this.state.PosList=[]}},{key:"_BindEvent",value:function(){var t=this;this.timer&&clearTimeout(this.timer),this.state.$parent.addEventListener("resize",(function(){t.Start()})),"ready"===this.config.autoStartType?this.timer=setTimeout((function(){t.Start(),t._BindEventScroll()}),this.config.firstDelay):"load"===this.config.autoStartType?this.state.$parent.addEventListener("load",(function(){t.timer=setTimeout((function(){t.Start(),t._BindEventScroll()}),t.config.firstDelay)})):"scroll"===this.config.autoStartType&&this._BindEventScroll()}},{key:"_BindEventScroll",value:function(){var t,e,i,n=this,o=this;this.timerScroll&&clearTimeout(this.timerScroll),this.state.$parent.addEventListener("scroll",(t=function(){o._StoreElementStateAtPosList()},e=o.config.throttleInterval,i=Date.now(),function(){i+e-Date.now()<0&&(t(),i=Date.now())}),{passive:!0}),this.state.$parent.addEventListener("scroll",(function(){n.timerScroll&&clearTimeout(n.timerScroll),o.timerScroll=setTimeout((function(){o._StoreElementStateAtPosList()}),2*o.config.throttleInterval)}),{passive:!0})}},{key:"_SetDom",value:function(){var t=this;this.state.PosList=[],this.state.$targets=n(this.config.target),this.state.$parent="window"==this.config.parent?window:document.querySelector(this.config.parent),this.state.$body="body"==this.config.body?document.body:document.querySelector(this.config.body),this.state.NumScrolltop="window"===this.config.parent?this.state.$parent.pageYOffset:this.state.$parent.scrollTop,this.state.NumWindowHeight="window"===this.config.parent?this.state.$parent.innerHeight:this.state.$parent.clientHeight,this.state.$targets&&this.state.$targets.map((function(e,i){var n=0;e.dataset&&void 0!==e.dataset.semOffset&&(n=Number(e.dataset.semOffset));var o=e.getBoundingClientRect().top-("window"===t.config.parent?0:t.state.$parent.getBoundingClientRect().top),r={el:e,index:i+1,pos:o+t.state.NumScrolltop-n,height:e.clientHeight,height2:e.offsetHeight,count:0,active:!1,changing:!1,dataset:e.dataset};t.state.PosList.push(r)}));var e={el:document.body,index:0,pos:0,height:0,height2:0,count:0,active:!1,changing:!1,dataset:document.body.dataset};this.state.PosList.unshift(e),this.state.PosList.sort((function(t,e){return t.pos>e.pos?1:-1}))}},{key:"_StoreElementStateAtPosList",value:function(){if(!this.state.PosList.length)return!1;this.state.NumScrolltop="window"===this.config.parent?this.state.$parent.pageYOffset:this.state.$parent.scrollTop;for(var t=function(t,e){t.active!==e&&(t.changing=!0,t.active=e)},e=this.state.PosList.filter((function(t){return!0===t.active})).length,i=this.state.NumScrolltop>=this.state.$body.clientHeight-("window"===this.config.parent?this.state.$parent.innerHeight:this.state.$parent.clientHeight),n=0;n<this.state.PosList.length;n++){var o=this.state.PosList[n];if(this.config.customVarNameRatio){var r=(this.state.NumScrolltop+this.state.NumWindowHeight-o.pos)/this.state.NumWindowHeight,a=Math.floor(100*r)/100;o.el.style.setProperty("--scroll-ratio",a)}i?t(o,!0):this.config.ratio===this.config.ratioReverse?this.state.NumScrolltop+this.state.NumWindowHeight*this.config.ratio>o.pos?t(o,!0):t(o,!1):o.active?this.state.NumScrolltop+this.state.NumWindowHeight*this.config.ratioReverse<o.pos&&t(o,!1):this.state.NumScrolltop+this.state.NumWindowHeight*this.config.ratio>o.pos&&t(o,!0)}var s=e<this.state.PosList.filter((function(t){return!0===t.active})).length?"down":"up";this.state.PosList.filter((function(t){return!0===t.changing})).length&&this._ActionChange(s),this.callCallback(this.config.on.Scroll,this.state.NumScrolltop),this.state.NumScrolltopPre=this.state.NumScrolltop}},{key:"_ActionChange",value:function(t){if(!this.state.PosList.length)return!1;for(var e=0;e<this.state.PosList.length;e++){var i=this.state.PosList[e-1],n=this.state.PosList[e];if(n.active?o(n.el,this.config.classNameInview)||(n.count++,this.config.classNameInview&&r(n.el,this.config.classNameInview),this.callCallback(this.config.on.In,n,n.index,n.dataset[this.getDatasetKey(this.config.targetDataName)])):this.config.reverse&&o(n.el,this.config.classNameInview)&&(a(n.el,this.config.classNameInview),this.callCallback(this.config.on.Out,n,n.index,n.dataset[this.getDatasetKey(this.config.targetDataName)])),n.changing){n.changing=!1;var s="down"===t?n:i;this.callCallback(this.config.on.Change,s,s.index,s.dataset[this.getDatasetKey(this.config.targetDataName)])}}}},{key:"callCallback",value:function(t){if(t&&"function"==typeof t){for(var e=arguments.length,i=new Array(e>1?e-1:0),n=1;n<e;n++)i[n-1]=arguments[n];t.apply(void 0,i)}}},{key:"getDatasetKey",value:function(t){return t.replace(/\[data-|\]/g,"").replace(/-(.?)/g,(function(t,e){return e.toUpperCase()}))}}],i&&f(e.prototype,i),s&&f(e,s),Object.defineProperty(e,"prototype",{writable:!1}),t}();return e=e.default}()}));
\ No newline at end of file
+/*! @yama-dev/js-scroll-effect-module Version 0.13.5 Repository https://github.com/yama-dev/js-scroll-effect-module Copyright yama-dev Licensed MIT */
+!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 o,r=n(t),a=[];return!!r&&(r.map((function(t){if(!(o=i(e)?Array.prototype.slice.call(t.querySelectorAll(e.tagName.toLowerCase())):Array.prototype.slice.call(t.querySelectorAll(e))))return!1;a=a.concat(o)})),a)}if(!t)return!1;var s;if(!Array.isArray(t)&&!t.length||function(t){try{return"string"==typeof t}catch(t){return!1}}(t))s=i(t)?Array(t):Array.prototype.slice.call(document.querySelectorAll(t));else{if(!i(t[0]))return!1;s=Array.prototype.slice.call(t)}return 0===s.length&&(s=null),s}function o(t,e){return i(t)?t.classList.contains(e):document.querySelector(t).classList.contains(e)}function r(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 s(t){return s="function"==typeof Symbol&&"symbol"==typeof Symbol.iterator?function(t){return typeof t}:function(t){return t&&"function"==typeof Symbol&&t.constructor===Symbol&&t!==Symbol.prototype?"symbol":typeof t},s(t)}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 l(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){u(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 u(t,e,i){return(e=f(e))in t?Object.defineProperty(t,e,{value:i,enumerable:!0,configurable:!0,writable:!0}):t[e]=i,t}function h(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,f(n.key),n)}}function f(t){var e=function(t,e){if("object"!=s(t)||!t)return t;var i=t[Symbol.toPrimitive];if(void 0!==i){var n=i.call(t,e||"default");if("object"!=s(n))return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==s(e)?e:e+""}t.d(e,{default:function(){return p}});var p=function(){return t=function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};!function(t,e){if(!(t instanceof e))throw new TypeError("Cannot call a class as a function")}(this,t),this.state={NumScrolltopPre:0,NumScrolltop:0,NumWindowHeight:0,PosList:[],$targets:null,$parent:null,$body:null},this.config=l(l({},{target:"[data-scroll]",targetDataName:"[data-scroll-name]",parent:"window",body:"body",classNameInview:"is-scroll-active",ratio:.8,ratioReverse:null,reverse:!1,firstDelay:100,autoStart:!0,autoStartType:"ready",throttleInterval:5,updateResizeAuto:!0,customVarNameRatio:null,on:{Scroll:null,Change:null,In:null,Out:null}}),e),this.timer=null,this.timerScroll=null,this.config.ratioReverse?this.config.ratioReverse<this.config.ratio&&(this.config.ratioReverse=this.config.ratio):this.config.ratioReverse=this.config.ratio,this.config.autoStart&&this.Init()},e=[{key:"Init",value:function(){var t=this;"complete"==document.readyState||"interactive"==document.readyState?(this.Update(),this._BindEvent()):document.addEventListener("DOMContentLoaded",(function(){t.Update(),t._BindEvent()}))}},{key:"Start",value:function(){this.Stop(),this.Update(),this._StoreElementStateAtPosList()}},{key:"Update",value:function(){this._SetDom()}},{key:"Stop",value:function(){var t=this;this.state.PosList.map((function(e){a(e.el,t.config.classNameInview)})),this.state.PosList=[]}},{key:"_BindEvent",value:function(){var t=this;this.timer&&clearTimeout(this.timer);var e=window.innerWidth;this.state.$parent.addEventListener("resize",(function(){e!=window.innerWidth&&(e=window.innerWidth,t.config.updateResizeAuto&&t.Start())})),"ready"===this.config.autoStartType?this.timer=setTimeout((function(){t.Start(),t._BindEventScroll()}),this.config.firstDelay):"load"===this.config.autoStartType?this.state.$parent.addEventListener("load",(function(){t.timer=setTimeout((function(){t.Start(),t._BindEventScroll()}),t.config.firstDelay)})):"scroll"===this.config.autoStartType&&this._BindEventScroll()}},{key:"_BindEventScroll",value:function(){var t,e,i,n=this,o=this;this.timerScroll&&clearTimeout(this.timerScroll),this.state.$parent.addEventListener("scroll",(t=function(){o._StoreElementStateAtPosList()},e=o.config.throttleInterval,i=Date.now(),function(){i+e-Date.now()<0&&(t(),i=Date.now())}),{passive:!0}),this.state.$parent.addEventListener("scroll",(function(){n.timerScroll&&clearTimeout(n.timerScroll),o.timerScroll=setTimeout((function(){o._StoreElementStateAtPosList()}),2*o.config.throttleInterval)}),{passive:!0})}},{key:"_SetDom",value:function(){var t=this;this.state.PosList=[],this.state.$targets=n(this.config.target),this.state.$parent="window"==this.config.parent?window:document.querySelector(this.config.parent),this.state.$body="body"==this.config.body?document.body:document.querySelector(this.config.body),this.state.NumScrolltop="window"===this.config.parent?this.state.$parent.pageYOffset:this.state.$parent.scrollTop,this.state.NumWindowHeight="window"===this.config.parent?this.state.$parent.innerHeight:this.state.$parent.clientHeight,this.state.$targets&&this.state.$targets.map((function(e,i){var n=0;e.dataset&&void 0!==e.dataset.semOffset&&(n=Number(e.dataset.semOffset));var o=e.getBoundingClientRect().top-("window"===t.config.parent?0:t.state.$parent.getBoundingClientRect().top),r={el:e,index:i+1,pos:o+t.state.NumScrolltop-n,height:e.clientHeight,height2:e.offsetHeight,count:0,active:!1,changing:!1,dataset:e.dataset};t.state.PosList.push(r)}));var e={el:document.body,index:0,pos:0,height:0,height2:0,count:0,active:!1,changing:!1,dataset:document.body.dataset};this.state.PosList.unshift(e),this.state.PosList.sort((function(t,e){return t.pos>e.pos?1:-1}))}},{key:"_StoreElementStateAtPosList",value:function(){if(!this.state.PosList.length)return!1;this.state.NumScrolltop="window"===this.config.parent?this.state.$parent.pageYOffset:this.state.$parent.scrollTop;for(var t=function(t,e){t.active!==e&&(t.changing=!0,t.active=e)},e=this.state.PosList.filter((function(t){return!0===t.active})).length,i=this.state.NumScrolltop>=this.state.$body.clientHeight-("window"===this.config.parent?this.state.$parent.innerHeight:this.state.$parent.clientHeight),n=0;n<this.state.PosList.length;n++){var o=this.state.PosList[n];if(this.config.customVarNameRatio){var r=(this.state.NumScrolltop+this.state.NumWindowHeight-o.pos)/this.state.NumWindowHeight,a=Math.floor(100*r)/100;o.el.style.setProperty("--scroll-ratio",a)}i?t(o,!0):this.config.ratio===this.config.ratioReverse?this.state.NumScrolltop+this.state.NumWindowHeight*this.config.ratio>o.pos?t(o,!0):t(o,!1):o.active?this.state.NumScrolltop+this.state.NumWindowHeight*this.config.ratioReverse<o.pos&&t(o,!1):this.state.NumScrolltop+this.state.NumWindowHeight*this.config.ratio>o.pos&&t(o,!0)}var s=e<this.state.PosList.filter((function(t){return!0===t.active})).length?"down":"up";this.state.PosList.filter((function(t){return!0===t.changing})).length&&this._ActionChange(s),this.callCallback(this.config.on.Scroll,this.state.NumScrolltop),this.state.NumScrolltopPre=this.state.NumScrolltop}},{key:"_ActionChange",value:function(t){if(!this.state.PosList.length)return!1;for(var e=0;e<this.state.PosList.length;e++){var i=this.state.PosList[e-1],n=this.state.PosList[e];if(n.active?o(n.el,this.config.classNameInview)||(n.count++,this.config.classNameInview&&r(n.el,this.config.classNameInview),this.callCallback(this.config.on.In,n,n.index,n.dataset[this.getDatasetKey(this.config.targetDataName)])):this.config.reverse&&o(n.el,this.config.classNameInview)&&(a(n.el,this.config.classNameInview),this.callCallback(this.config.on.Out,n,n.index,n.dataset[this.getDatasetKey(this.config.targetDataName)])),n.changing){n.changing=!1;var s=null;s="down"===t?n:i||n,this.callCallback(this.config.on.Change,s,s?s.index:0,s?s.dataset[this.getDatasetKey(this.config.targetDataName)]:{})}}}},{key:"callCallback",value:function(t){if(t&&"function"==typeof t){for(var e=arguments.length,i=new Array(e>1?e-1:0),n=1;n<e;n++)i[n-1]=arguments[n];t.apply(void 0,i)}}},{key:"getDatasetKey",value:function(t){return t.replace(/\[data-|\]/g,"").replace(/-(.?)/g,(function(t,e){return e.toUpperCase()}))}}],e&&h(t.prototype,e),i&&h(t,i),Object.defineProperty(t,"prototype",{writable:!1}),t;var t,e,i}();return e=e.default}()}));
\ No newline at end of file
diff --git a/examples/index.html b/examples/index.html
index a14abea..60edb6c 100644
--- a/examples/index.html
+++ b/examples/index.html
@@ -71,7 +71,7 @@ <h3>Advanced Use</h3>
   &lt;script&gt;
   const ScrollEffectModule = new SCROLL_EFFECT_MODULE({
     target         : &#39;[data-scroll]&#39;,
-    classNameInview: &#39;is-active&#39;,
+    classNameInview: &#39;is-scroll-active&#39;,
     ratio          : 0.8,
     ratioReverse   : null,
     reverse        : true,
@@ -121,12 +121,13 @@ <h3>Advanced Use (callback)</h3>
     <script>
     const ScrollEffectModule = new SCROLL_EFFECT_MODULE({
       target: '[data-scroll]',
-      classNameInview : 'is-active',
+      classNameInview : 'is-scroll-active',
       ratio           : 0.5,
       ratioReverse    : 0.9,
       reverse         : true,
       firstDelay      : 100,
       autoStart       : true,
+      updateResizeAuto: true,
       on: {
         Change: function(obj, index, name){
           console.log('Change', obj, index, name);
diff --git a/examples/scroll-effect-module.css b/examples/scroll-effect-module.css
index 3190d10..bb2bf51 100644
--- a/examples/scroll-effect-module.css
+++ b/examples/scroll-effect-module.css
@@ -7,42 +7,42 @@
   opacity: 0;
   transition: opacity var(--sem-duration) var(--sem-ease) 0s;
 }
-[data-scroll-type="fadein"].is-active { opacity: 1; }
+[data-scroll-type="fadein"].is-scroll-active { opacity: 1; }
 
 [data-scroll-type="zoomin"] {
   opacity: 0;
   transform: scale(0.9);
   transition: all var(--sem-duration) var(--sem-ease) 0s;
 }
-[data-scroll-type="zoomin"].is-active { opacity: 1; transform: scale(1); }
+[data-scroll-type="zoomin"].is-scroll-active { opacity: 1; transform: scale(1); }
 
 [data-scroll-type="fadeinTop"] {
   opacity: 0;
   transform: translate(0, -30px);
   transition: all var(--sem-duration) var(--sem-ease) 0s;
 }
-[data-scroll-type="fadeinTop"].is-active { opacity: 1; transform: translate(0, 0); }
+[data-scroll-type="fadeinTop"].is-scroll-active { opacity: 1; transform: translate(0, 0); }
 
 [data-scroll-type="fadeinBottom"] {
   opacity: 0;
   transform: translate(0, 30px);
   transition: all var(--sem-duration) var(--sem-ease) 0s;
 }
-[data-scroll-type="fadeinBottom"].is-active { opacity: 1; transform: translate(0, 0); }
+[data-scroll-type="fadeinBottom"].is-scroll-active { opacity: 1; transform: translate(0, 0); }
 
 [data-scroll-type="fadeinLeft"] {
   opacity: 0;
   transform: translate(-80%, 0);
   transition: all var(--sem-duration) var(--sem-ease) 0s;
 }
-[data-scroll-type="fadeinLeft"].is-active { opacity: 1; transform: translate(0, 0); }
+[data-scroll-type="fadeinLeft"].is-scroll-active { opacity: 1; transform: translate(0, 0); }
 
 [data-scroll-type="fadeinRight"] {
   opacity: 0;
   transform: translate(80%, 0);
   transition: all var(--sem-duration) var(--sem-ease) 0s;
 }
-[data-scroll-type="fadeinRight"].is-active { opacity: 1; transform: translate(0, 0); }
+[data-scroll-type="fadeinRight"].is-scroll-active { opacity: 1; transform: translate(0, 0); }
 
 [data-scroll-type="spinin"] {
   opacity: 0;
@@ -51,5 +51,5 @@
   backface-visibility: hidden;
   transition: all var(--sem-duration) var(--sem-ease) 0s;
 }
-[data-scroll-type="spinin"].is-active { opacity: 1; transform: translate(0, 0) rotate3d(1, 0, 1, 0); }
+[data-scroll-type="spinin"].is-scroll-active { opacity: 1; transform: translate(0, 0) rotate3d(1, 0, 1, 0); }
 
diff --git a/package.json b/package.json
index 126af5c..dcbc394 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "js-scroll-effect-module",
-  "version": "0.13.3",
+  "version": "0.13.5",
   "description": "Add effect at scroll.",
   "keywords": [
     "scroll",
@@ -40,8 +40,8 @@
     "@babel/register": "^7.14.5",
     "babel-loader": "^8.2.2",
     "browser-sync": "^2.27.5",
-    "eslint": "^7.32.0",
-    "eslint-loader": "^2.1.1",
+    "eslint": "^8.57.0",
+    "eslint-webpack-plugin": "^4.1.0",
     "mocha": "^9.0.3",
     "npm-run-all": "^4.1.5",
     "webpack": "^5.48.0",
diff --git a/src/js-scroll-effect-module.js b/src/js-scroll-effect-module.js
index 205649e..18bea98 100644
--- a/src/js-scroll-effect-module.js
+++ b/src/js-scroll-effect-module.js
@@ -23,7 +23,7 @@ export default class SCROLL_EFFECT_MODULE {
       parent             : 'window',
       body               : 'body',
 
-      classNameInview    : 'is-active',
+      classNameInview    : 'is-scroll-active',
 
       ratio              : 0.8,
       ratioReverse       : null,
@@ -37,6 +37,8 @@ export default class SCROLL_EFFECT_MODULE {
 
       throttleInterval   : 5,
 
+      updateResizeAuto   : true,
+
       customVarNameRatio : null, // '--sem-scroll-ratio'
 
       on: {
@@ -101,8 +103,19 @@ export default class SCROLL_EFFECT_MODULE {
     if(this.timer) clearTimeout(this.timer);
 
     // for Resize-Event
+    let currentWidth = window.innerWidth;
     this.state.$parent.addEventListener('resize', () => {
-      this.Start();
+      // not resize
+      if (currentWidth == window.innerWidth) {
+        return;
+      }
+
+      // update window width
+      currentWidth = window.innerWidth;
+
+      if(this.config.updateResizeAuto){
+        this.Start();
+      }
     });
 
     if(this.config.autoStartType === 'ready'){
@@ -304,10 +317,24 @@ export default class SCROLL_EFFECT_MODULE {
         _item.changing = false;
 
         // アクティブの増減によってcallbackに渡すitemを変更
-        let _item_fix = _type === 'down' ? _item : _item_pre;
+        let _item_fix = null;
+        if(_type === 'down'){
+          _item_fix = _item;
+        } else {
+          if(_item_pre){
+            _item_fix = _item_pre;
+          } else {
+            _item_fix = _item;
+          }
+        }
 
         // Changeコールバック関数の呼び出し
-        this.callCallback(this.config.on.Change, _item_fix, _item_fix.index, _item_fix.dataset[this.getDatasetKey(this.config.targetDataName)]);
+        this.callCallback(
+          this.config.on.Change,
+          _item_fix,
+          _item_fix ? _item_fix.index : 0,
+          _item_fix ? _item_fix.dataset[this.getDatasetKey(this.config.targetDataName)] : {},
+        );
       }
     }
   }
diff --git a/webpack.config.js b/webpack.config.js
index fb505f7..5976235 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -8,6 +8,7 @@ if(!env) process.exit(1);
 
 const webpack = require('webpack');
 const TerserPlugin = require('terser-webpack-plugin');
+const ESLintPlugin = require('eslint-webpack-plugin');
 
 const webpackPlugEnv = new webpack.EnvironmentPlugin({
   DEBUG: false,
@@ -28,12 +29,6 @@ const config = {
   },
   module: {
     rules: [
-      {
-        enforce: 'pre',
-        test: /\.(js)$/,
-        exclude: /node_modules/,
-        loader: 'eslint-loader',
-      },
       {
         test: /\.js$/,
         exclude: /node_modules[///](?!(@yama-dev)\/).*/,
@@ -56,6 +51,11 @@ const config = {
   target: ['web', 'es5'],
   plugins: [
     webpackPlugEnv,
+    new ESLintPlugin({
+      cache: true,
+      extensions: ['js'],
+      fix: false,
+    }),
   ],
   optimization: {
     minimizer: [