Skip to content

Commit 73e62f5

Browse files
committed
set the delay at 0 by default #47
1 parent 2298ddd commit 73e62f5

File tree

5 files changed

+11
-11
lines changed

5 files changed

+11
-11
lines changed

README.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -24,7 +24,7 @@ Simply copy/paste the below snippet just before your closing `</body>` tag:
2424
or use the below CDN link provided by [jsDelivr.com](https://www.jsdelivr.com/package/npm/simple-parallax-js):
2525

2626
```html
27-
<script src="https://cdn.jsdelivr.net/npm/[email protected].0/dist/simpleParallax.min.js"></script>
27+
<script src="https://cdn.jsdelivr.net/npm/[email protected].1/dist/simpleParallax.min.js"></script>
2828
```
2929

3030
### Via [npm/yarn](https://www.npmjs.com/package/simple-parallax-js)
@@ -95,7 +95,7 @@ Setting | Type | Default | Hint
9595
orientation | String | up | up - right - down - left - up left - up right - down left - down right
9696
scale | Number | 1.3 | need to be above 1
9797
overflow | Boolean | false |
98-
delay | Number | 0.4 | the delay is in second
98+
delay | Number | 0 | the delay is in second **Watch out, sometimes this delay is causing issue on iOS devices [#47](https://github.com/geosigno/simpleParallax.js/issues/47)**
9999
transition | String | '' | any CSS transition
100100
customContainer | String or Node | false |
101101
customWrapper | string | '' | the selector of the custom wrapper
@@ -125,7 +125,7 @@ The higher the scale is set, the more visible the parallax effect will be. In re
125125
By default, the image is scaled to apply a parallax effect without any overflow on the layout - you can check the [case study](https://medium.com/@geoffrey.signorato/case-study-create-a-parallax-effect-directly-on-img-tags-with-javascript-35b8daf81471) to have a better understanding. When *overflow* is set to true, the image will translate out of its natural flow (so it may overlap with your content).
126126

127127
### delay - *Number* - see [example](https://simpleparallax.com#example-delay-transition)
128-
When a *delay* is set, the translation of the image will continue during that delay when the user stops scrolling. That gives a very nice effect. The delay is in second.
128+
When a *delay* is set, the translation of the image will continue during that delay when the user stops scrolling. That gives a very nice effect. The delay is in second. **Watch out, sometimes this delay is causing issue on iOS devices [#47](https://github.com/geosigno/simpleParallax.js/issues/47)**
129129

130130
### transition - *String* - see [example](https://simpleparallax.com#example-delay-transition)
131131
The *transition* setting works closely with the *delay* setting. This setting will add any CSS transition to the delay setting. For example, you can use *ease* or *ease-in-out*.

dist/simpleParallax.js

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11
/*!
22
* simpleParallax - simpleParallax is a simple JavaScript library that gives your website parallax animations on any images or videos,
3-
* @date: 07-06-2020 16:8:40,
4-
* @version: 5.5.0,
3+
* @date: 09-06-2020 12:9:37,
4+
* @version: 5.5.1,
55
* @link: https://simpleparallax.com/
66
*/
77
(function webpackUniversalModuleDefinition(root, factory) {
@@ -584,7 +584,7 @@ var simpleParallax_SimpleParallax = /*#__PURE__*/function () {
584584
if (!helpers_isSupportedBrowser()) return;
585585
this.elements = helpers_convertToArray(elements);
586586
this.defaults = {
587-
delay: 0.4,
587+
delay: 0,
588588
orientation: 'up',
589589
scale: 1.3,
590590
overflow: false,

0 commit comments

Comments
 (0)