diff --git a/README.md b/README.md index 4a9e86a..d94d21b 100644 --- a/README.md +++ b/README.md @@ -108,9 +108,9 @@ const reeller = new Reeller({ | `ease` | `string` | `'none'` | Timing function. See [gsap easing](https://greensock.com/docs/v3/Eases). | | `initialSeek` | `number` | `10` | Initial seek of timeline. | | `loop` | `boolean` | `true` | Loop movement. | -| `pause` | `boolean` | `true` | Initialize in paused mode. | +| `paused` | `boolean` | `true` | Initialize in paused mode. | | `reversed` | `boolean` | `false` | Reverse mode. | -| `autoStop` | `boolean` | `true` | Use IntersectionObserver to auto stop movement. | +| `autoPlay` | `boolean` | `true` | Use IntersectionObserver to auto play/stop movement. | | `autoUpdate` | `boolean` | `true` | Use ResizeObserver to auto update clones number. | | `clonesOverflow` | `boolean` | `true` | Create artificial overflow with clones. | | `clonesFinish` | `boolean` | `false` | Bring the cycle of clones to an end. | diff --git a/src/module/Reeller.js b/src/module/Reeller.js index 6b16f8f..04e8e6b 100644 --- a/src/module/Reeller.js +++ b/src/module/Reeller.js @@ -14,7 +14,7 @@ export default class Reeller extends Base { * @property {boolean} [loop] Loop movement. * @property {boolean} [paused] Initialize in paused mode. * @property {boolean} [reversed] Reverse mode. - * @property {boolean} [autoStop] Use IntersectionObserver to auto stop movement. + * @property {boolean} [autoPlay] Use IntersectionObserver to auto play/stop movement. * @property {boolean} [autoUpdate] Use ResizeObserver to auto update clones number. * @property {boolean} [clonesOverflow] Create artificial overflow with clones. * @property {boolean} [clonesFinish] Bring the cycle of clones to an end. @@ -38,7 +38,7 @@ export default class Reeller extends Base { loop: true, paused: true, reversed: false, - autoStop: true, + autoPlay: true, autoUpdate: true, clonesOverflow: true, clonesFinish: false, @@ -68,7 +68,7 @@ export default class Reeller extends Base { this.createFiller(); this.createTimeline(); - if (this.options.autoStop) this.bindIntersectionObserver(); + if (this.options.autoPlay || this.options.autoStop) this.bindIntersectionObserver(); if (this.options.plugins) this.initPlugins(); }