@lagrange/animator
Version:
This library helps making parallax animations on scroll. It is built with performance in mind, as it doesn't need to relayout or paint to operate.
15 lines (13 loc) • 324 B
JavaScript
/**
* @param {string} prop
* @param {number} value
* @param {HTMLElement} elem
*/
export default function parseRelativeVal(prop, value, elem) {
const rect = elem.getBoundingClientRect();
switch (prop) {
case 'y': return (value / 100) * rect.height;
case 'x':
default: return (value / 100) * rect.width;
}
}