add passive

Author: jljsj33

package.json

@@ -1,6 +1,6 @@
 {
   "name": "rc-scroll-anim",
-  "version": "2.6.2",
+  "version": "2.6.3",
   "description": "scroll-anim anim component for react",
   "keywords": [
     "react",

src/EventDispatcher.js

@@ -9,7 +9,7 @@ function EventDispatcher(target) {
   this._listFun = {};
 }
 EventDispatcher.prototype = {
-  addEventListener(type, callback, target) {
+  addEventListener(type, callback, target, options) {
     const types = type.split('.');
     const _type = types[0];
     const namespaces = types[1];
@@ -39,7 +39,7 @@ EventDispatcher.prototype = {
     if (!this._listFun[listName]) {
       this._listFun[listName] = this._listFun[listName] || this.dispatchEvent.bind(this, { type: _type, target });
       if ($target.addEventListener) {
-        $target.addEventListener(_type, this._listFun[listName], false);
+        $target.addEventListener(_type, this._listFun[listName], options);
       } else if ($target.attachEvent) {
         $target.attachEvent(`on${_type}`, this._listFun[listName]);
       }

src/ScrollScreen.jsx

@@ -1,7 +1,7 @@
 import easingTypes from 'tween-functions';
 import requestAnimationFrame from 'raf';
 import EventListener from './EventDispatcher';
-import { currentScrollTop } from './util';
+import { currentScrollTop, getPassive } from './util';
 import mapped from './Mapped';
 
 // 设置默认数据
@@ -15,6 +15,8 @@ function defaultData(vars) {
   };
 }
 
+const passive = getPassive();
+
 const ScrollScreen = {
   init(vars) {
     this.vars = defaultData(vars || {});
@@ -24,7 +26,7 @@ const ScrollScreen = {
     // this.currentNum = 0;
     ['raf', 'cancelRequestAnimationFrame', 'onWheel', 'startScroll', 'isScroll']
       .forEach((method) => { this[method] = this[method].bind(this); });
-    EventListener.addEventListener('wheel.scrollWheel', this.onWheel);
+    EventListener.addEventListener('wheel.scrollWheel', this.onWheel, null, passive);
     // 刚进入时滚动条位置
     setTimeout(this.startScroll);
   },

src/util.js

@@ -106,3 +106,18 @@ export function windowHeight() {
 
 export function noop() {
 }
+
+export const getPassive = () => {
+  let passiveSupported = false;
+  window.addEventListener(
+    'test',
+    () => { },
+    Object.defineProperty({}, 'passive', {
+      get: () => {
+        passiveSupported = true;
+        return null;
+      },
+    }),
+  );
+  return passiveSupported ? { passive: false } : false;
+}