morphing-scroll 1.5.18 → 1.5.19
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +28 -33
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -58,7 +58,7 @@ npm install morphing-scroll
|
|
|
58
58
|
|
|
59
59
|
</ul>
|
|
60
60
|
</details>
|
|
61
|
-
|
|
61
|
+
|
|
62
62
|
<details>
|
|
63
63
|
<summary><strong><code>children</code></strong> : <em>Custom user content.</em></summary><br />
|
|
64
64
|
<ul>
|
|
@@ -81,7 +81,6 @@ npm install morphing-scroll
|
|
|
81
81
|
|
|
82
82
|
</ul>
|
|
83
83
|
</details>
|
|
84
|
-
<h2></h2>
|
|
85
84
|
|
|
86
85
|
#### SCROLL SETTINGS:
|
|
87
86
|
|
|
@@ -110,7 +109,7 @@ npm install morphing-scroll
|
|
|
110
109
|
|
|
111
110
|
</ul>
|
|
112
111
|
</details>
|
|
113
|
-
|
|
112
|
+
|
|
114
113
|
<details>
|
|
115
114
|
<summary><strong><code>direction</code></strong> : <em>Scrolling direction.</em></summary><br />
|
|
116
115
|
<ul>
|
|
@@ -135,7 +134,7 @@ npm install morphing-scroll
|
|
|
135
134
|
|
|
136
135
|
</ul>
|
|
137
136
|
</details>
|
|
138
|
-
|
|
137
|
+
|
|
139
138
|
<details>
|
|
140
139
|
<summary><strong><code>scrollTop</code></strong> : <em>Scroll position and animation duration.</em></summary><br />
|
|
141
140
|
<ul>
|
|
@@ -171,7 +170,7 @@ npm install morphing-scroll
|
|
|
171
170
|
|
|
172
171
|
</ul>
|
|
173
172
|
</details>
|
|
174
|
-
|
|
173
|
+
|
|
175
174
|
<details>
|
|
176
175
|
<summary><strong><code>stopLoadOnScroll</code></strong> : <em>Stop loading when scrolling.</em></summary><br />
|
|
177
176
|
<ul>
|
|
@@ -195,7 +194,7 @@ npm install morphing-scroll
|
|
|
195
194
|
|
|
196
195
|
</ul>
|
|
197
196
|
</details>
|
|
198
|
-
|
|
197
|
+
|
|
199
198
|
<details>
|
|
200
199
|
<summary><strong><code>onScrollValue</code></strong> : <em>Callback for scroll value.</em></summary><br />
|
|
201
200
|
<ul>
|
|
@@ -222,7 +221,7 @@ npm install morphing-scroll
|
|
|
222
221
|
|
|
223
222
|
</ul>
|
|
224
223
|
</details>
|
|
225
|
-
|
|
224
|
+
|
|
226
225
|
<details>
|
|
227
226
|
<summary><strong><code>isScrolling</code></strong> : <em>Callback function for scroll status.</em></summary><br />
|
|
228
227
|
<ul>
|
|
@@ -246,7 +245,6 @@ npm install morphing-scroll
|
|
|
246
245
|
|
|
247
246
|
</ul>
|
|
248
247
|
</details>
|
|
249
|
-
<h2></h2>
|
|
250
248
|
|
|
251
249
|
#### VISUAL SETTINGS:
|
|
252
250
|
|
|
@@ -279,7 +277,7 @@ npm install morphing-scroll
|
|
|
279
277
|
|
|
280
278
|
</ul>
|
|
281
279
|
</details>
|
|
282
|
-
|
|
280
|
+
|
|
283
281
|
<details>
|
|
284
282
|
<summary><strong><code>objectsSize</code> (required)</strong> : <em>Required: Size of cells for each object.</em></summary><br />
|
|
285
283
|
<ul>
|
|
@@ -310,7 +308,7 @@ npm install morphing-scroll
|
|
|
310
308
|
|
|
311
309
|
</ul>
|
|
312
310
|
</details>
|
|
313
|
-
|
|
311
|
+
|
|
314
312
|
<details>
|
|
315
313
|
<summary><strong><code>gap</code></strong> : <em>Gap between cells.</em></summary><br />
|
|
316
314
|
<ul>
|
|
@@ -336,7 +334,7 @@ npm install morphing-scroll
|
|
|
336
334
|
|
|
337
335
|
</ul>
|
|
338
336
|
</details>
|
|
339
|
-
|
|
337
|
+
|
|
340
338
|
<details>
|
|
341
339
|
<summary><strong><code>padding</code></strong> : <em>Padding for the <code>objectsWrapper</code>.</em></summary><br />
|
|
342
340
|
<ul>
|
|
@@ -373,7 +371,7 @@ npm install morphing-scroll
|
|
|
373
371
|
|
|
374
372
|
</ul>
|
|
375
373
|
</details>
|
|
376
|
-
|
|
374
|
+
|
|
377
375
|
<details>
|
|
378
376
|
<summary><strong><code>contentAlign</code></strong> : <em>Aligns the content when it is smaller than the MorphScroll <code>size</code>.</em></summary><br />
|
|
379
377
|
<ul>
|
|
@@ -405,7 +403,7 @@ npm install morphing-scroll
|
|
|
405
403
|
|
|
406
404
|
</ul>
|
|
407
405
|
</details>
|
|
408
|
-
|
|
406
|
+
|
|
409
407
|
<details>
|
|
410
408
|
<summary><strong><code>elementsAlign</code></strong> : <em>Aligns the objects within the <code>objectsWrapper</code>.</em></summary><br />
|
|
411
409
|
<ul>
|
|
@@ -424,7 +422,7 @@ npm install morphing-scroll
|
|
|
424
422
|
|
|
425
423
|
</ul>
|
|
426
424
|
</details>
|
|
427
|
-
|
|
425
|
+
|
|
428
426
|
<details>
|
|
429
427
|
<summary><strong><code>edgeGradient</code></strong> : <em>Gradient when scrolling overflows.</em></summary><br />
|
|
430
428
|
<ul>
|
|
@@ -455,7 +453,7 @@ npm install morphing-scroll
|
|
|
455
453
|
|
|
456
454
|
</ul>
|
|
457
455
|
</details>
|
|
458
|
-
|
|
456
|
+
|
|
459
457
|
<details>
|
|
460
458
|
<summary><strong><code>progressReverse</code></strong> : <em>Reverse the progress bar position.</em></summary><br />
|
|
461
459
|
<ul>
|
|
@@ -483,7 +481,7 @@ npm install morphing-scroll
|
|
|
483
481
|
|
|
484
482
|
</ul>
|
|
485
483
|
</details>
|
|
486
|
-
|
|
484
|
+
|
|
487
485
|
<details>
|
|
488
486
|
<summary><strong><code>progressVisibility</code></strong> : <em>Visibility of the progress bar.</em></summary><br />
|
|
489
487
|
<ul>
|
|
@@ -507,7 +505,7 @@ npm install morphing-scroll
|
|
|
507
505
|
|
|
508
506
|
</ul>
|
|
509
507
|
</details>
|
|
510
|
-
|
|
508
|
+
|
|
511
509
|
<details>
|
|
512
510
|
<summary><strong><code>objectsWrapFullMinSize</code></strong> : <em>Sets the <code>min-height</code> CSS property of the <code>objectsWrapper</code> to match the height of the MorphScroll.</em></summary><br />
|
|
513
511
|
<ul>
|
|
@@ -529,7 +527,6 @@ npm install morphing-scroll
|
|
|
529
527
|
|
|
530
528
|
</ul>
|
|
531
529
|
</details>
|
|
532
|
-
<h2></h2>
|
|
533
530
|
|
|
534
531
|
#### PROGRESS AND RENDERING:
|
|
535
532
|
|
|
@@ -571,7 +568,7 @@ npm install morphing-scroll
|
|
|
571
568
|
|
|
572
569
|
</ul>
|
|
573
570
|
</details>
|
|
574
|
-
|
|
571
|
+
|
|
575
572
|
<details>
|
|
576
573
|
<summary><strong><code>render</code></strong> : <em>Types of rendering for optimization.</em></summary><br />
|
|
577
574
|
<ul>
|
|
@@ -622,7 +619,7 @@ npm install morphing-scroll
|
|
|
622
619
|
|
|
623
620
|
</ul>
|
|
624
621
|
</details>
|
|
625
|
-
|
|
622
|
+
|
|
626
623
|
<details>
|
|
627
624
|
<summary><strong><code>emptyElements</code></strong> : <em>Handling of empty scroll elements.</em></summary><br />
|
|
628
625
|
<ul>
|
|
@@ -672,7 +669,7 @@ npm install morphing-scroll
|
|
|
672
669
|
|
|
673
670
|
</ul>
|
|
674
671
|
</details>
|
|
675
|
-
|
|
672
|
+
|
|
676
673
|
<details>
|
|
677
674
|
<summary><strong><code>suspending</code></strong> : <em>Adds React Suspense.</em></summary><br />
|
|
678
675
|
<ul>
|
|
@@ -696,7 +693,7 @@ npm install morphing-scroll
|
|
|
696
693
|
|
|
697
694
|
</ul>
|
|
698
695
|
</details>
|
|
699
|
-
|
|
696
|
+
|
|
700
697
|
<details>
|
|
701
698
|
<summary><strong><code>fallback</code></strong> : <em>Fallback element.</em></summary><br />
|
|
702
699
|
<ul>
|
|
@@ -766,7 +763,7 @@ npm install morphing-scroll
|
|
|
766
763
|
</ul>
|
|
767
764
|
|
|
768
765
|
</details>
|
|
769
|
-
|
|
766
|
+
|
|
770
767
|
<details>
|
|
771
768
|
<summary><strong><code>style</code></strong> : <em>Applies inline styles to the container.</em></summary><br />
|
|
772
769
|
<ul>
|
|
@@ -785,7 +782,7 @@ npm install morphing-scroll
|
|
|
785
782
|
</ul>
|
|
786
783
|
|
|
787
784
|
</details>
|
|
788
|
-
|
|
785
|
+
|
|
789
786
|
<details>
|
|
790
787
|
<summary><strong><code>measure</code></strong> : <em>Defines the measurement strategy.</em></summary><br />
|
|
791
788
|
<ul>
|
|
@@ -815,7 +812,7 @@ npm install morphing-scroll
|
|
|
815
812
|
</ul>
|
|
816
813
|
|
|
817
814
|
</details>
|
|
818
|
-
|
|
815
|
+
|
|
819
816
|
<details>
|
|
820
817
|
<summary><strong><code>onResize</code></strong> : <em>Callback triggered on size changes.</em></summary><br />
|
|
821
818
|
<ul>
|
|
@@ -842,7 +839,6 @@ npm install morphing-scroll
|
|
|
842
839
|
</ul>
|
|
843
840
|
|
|
844
841
|
</details>
|
|
845
|
-
<h2></h2>
|
|
846
842
|
|
|
847
843
|
- ### Link:
|
|
848
844
|
|
|
@@ -870,7 +866,7 @@ npm install morphing-scroll
|
|
|
870
866
|
</ul>
|
|
871
867
|
|
|
872
868
|
</details>
|
|
873
|
-
|
|
869
|
+
|
|
874
870
|
<details>
|
|
875
871
|
<summary><strong><code>style</code></strong> : <em>Applies inline styles to the container.</em></summary><br />
|
|
876
872
|
<ul>
|
|
@@ -887,7 +883,7 @@ npm install morphing-scroll
|
|
|
887
883
|
</ul>
|
|
888
884
|
|
|
889
885
|
</details>
|
|
890
|
-
|
|
886
|
+
|
|
891
887
|
<details>
|
|
892
888
|
<summary><strong><code>root</code></strong> : <em>Defines the observation area.</em></summary><br />
|
|
893
889
|
<ul>
|
|
@@ -912,7 +908,7 @@ npm install morphing-scroll
|
|
|
912
908
|
</ul>
|
|
913
909
|
|
|
914
910
|
</details>
|
|
915
|
-
|
|
911
|
+
|
|
916
912
|
<details>
|
|
917
913
|
<summary><strong><code>rootMargin</code></strong> : <em>Sets the margin around the root element.</em></summary><br />
|
|
918
914
|
<ul>
|
|
@@ -945,7 +941,7 @@ npm install morphing-scroll
|
|
|
945
941
|
</ul>
|
|
946
942
|
|
|
947
943
|
</details>
|
|
948
|
-
|
|
944
|
+
|
|
949
945
|
<details>
|
|
950
946
|
<summary><strong><code>threshold</code></strong> : <em>Defines when the callback is triggered.</em></summary><br />
|
|
951
947
|
<ul>
|
|
@@ -975,7 +971,7 @@ npm install morphing-scroll
|
|
|
975
971
|
</ul>
|
|
976
972
|
|
|
977
973
|
</details>
|
|
978
|
-
|
|
974
|
+
|
|
979
975
|
<details>
|
|
980
976
|
<summary><strong><code>visibleContent</code></strong> : <em>Makes all elements always visible.</em></summary><br />
|
|
981
977
|
<ul>
|
|
@@ -997,7 +993,7 @@ npm install morphing-scroll
|
|
|
997
993
|
</ul>
|
|
998
994
|
|
|
999
995
|
</details>
|
|
1000
|
-
|
|
996
|
+
|
|
1001
997
|
<details>
|
|
1002
998
|
<summary><strong><code>onVisible</code></strong> : <em>Callback function triggered when the element becomes visible.</em></summary><br />
|
|
1003
999
|
<ul>
|
|
@@ -1029,7 +1025,6 @@ npm install morphing-scroll
|
|
|
1029
1025
|
</ul>
|
|
1030
1026
|
|
|
1031
1027
|
</details>
|
|
1032
|
-
<h2></h2>
|
|
1033
1028
|
|
|
1034
1029
|
- ### Link:
|
|
1035
1030
|
|