baseframe-js
Advanced tools
Comparing version 4.11.0 to 4.11.1
@@ -38,2 +38,3 @@ import { Cash } from "cash-dom"; | ||
initOffset: number; | ||
zInitOffset: number; | ||
index: number; | ||
@@ -40,0 +41,0 @@ instanceEvent: string; |
import $ from 'cash-dom'; | ||
import parseObjectFromString from './util/parse-object-from-string'; | ||
import elemData from "./util/elem-data"; | ||
const VERSION = "1.2.0"; | ||
const VERSION = "1.2.1"; | ||
const DATA_NAME = 'Parallax'; | ||
@@ -31,2 +31,3 @@ const EVENT_NAME = 'parallax'; | ||
initOffset; | ||
zInitOffset; | ||
index; | ||
@@ -68,2 +69,3 @@ instanceEvent; | ||
_.initOffset = 0; | ||
_.zInitOffset = 0; | ||
_.index = index; | ||
@@ -143,2 +145,3 @@ _.instanceEvent = EVENT_NAME + index; | ||
_.initOffset = speed - (scrollTop * _.speed); | ||
_.zInitOffset = zSpeed - (scrollTop * _.zSpeed); | ||
_.initOffsetSet = true; | ||
@@ -150,3 +153,3 @@ } | ||
const speedPx = speed - _.initOffset; | ||
const zSpeedPx = _.params.zAxis ? ((Math.abs(_.lastZSpeed) < _.zScrollMaxPxStop) ? zSpeed - _.initOffset : _.lastZSpeed) : 0; | ||
const zSpeedPx = _.params.zAxis ? ((Math.abs(_.lastZSpeed) < _.zScrollMaxPxStop) ? zSpeed - _.zInitOffset : _.lastZSpeed) : 0; | ||
const translateParams = _.axis === 'y' ? `0,${speedPx}px,${zSpeedPx}px` : `${speedPx}px,0,${zSpeedPx}px`; | ||
@@ -153,0 +156,0 @@ _.lastZSpeed = zSpeedPx; |
{ | ||
"name": "baseframe-js", | ||
"version": "4.11.0", | ||
"version": "4.11.1", | ||
"description": "A suite of useful Javascript plugins and functions to help with Front-end Development on websites", | ||
@@ -5,0 +5,0 @@ "repository": { |
@@ -948,3 +948,3 @@ # Base_Frame Plugins & Functions | ||
<div class="parallax-bg" data-parallax-options="{speed:-10, initOffset:true, bgFill: false, scrollMaxPxStop: 120, zAxis: true}"> | ||
<img src="https://placehold.it/768x768/565656" alt="Placeholder" /> | ||
<img src="https://via.placeholder.com/768x768/565656" alt="Placeholder" /> | ||
</div> | ||
@@ -954,3 +954,3 @@ </div> | ||
<div class="parallax-bg" data-parallax-options="{speed:10, initOffset:true, bgFill: false, scrollMaxPxStop: 120}"> | ||
<img src="https://placehold.it/768x768/444" alt="Placeholder" /> | ||
<img src="https://via.placeholder.com/768x768/444" alt="Placeholder" /> | ||
</div> | ||
@@ -960,3 +960,3 @@ </div> | ||
<div class="parallax-bg" data-parallax-options="{speed:30, initOffset:true, bgFill: false, scrollMaxPxStop: 220, axis: 'x'}"> | ||
<img src="https://placehold.it/768x768/222" alt="Placeholder" /> | ||
<img src="https://via.placeholder.com/768x768/222" alt="Placeholder" /> | ||
</div> | ||
@@ -966,3 +966,3 @@ </div> | ||
<div class="parallax-bg" data-parallax-options="{speed:-10, initOffset:true, bgFill: false, scrollMaxPxStop: 120}"> | ||
<img src="https://placehold.it/768x768" alt="Placeholder" /> | ||
<img src="https://via.placeholder.com/768x768" alt="Placeholder" /> | ||
</div> | ||
@@ -972,3 +972,3 @@ </div> | ||
<div class="parallax-bg" data-parallax-options="{speed: -20, initOffset:true, bgFill: false, scrollMaxPxStop: 180}"> | ||
<img src="https://placehold.it/768x768/777" alt="Placeholder" /> | ||
<img src="https://via.placeholder.com/768x768/777" alt="Placeholder" /> | ||
</div> | ||
@@ -978,3 +978,3 @@ </div> | ||
<div class="parallax-bg" data-parallax-options="{speed:-20, initOffset:true, bgFill: false, axis: 'x'}"> | ||
<img src="https://placehold.it/768x768/999" alt="Placeholder" /> | ||
<img src="https://via.placeholder.com/768x768/999" alt="Placeholder" /> | ||
</div> | ||
@@ -981,0 +981,0 @@ </div> |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
231095
3955