933d61de19
* added ESLint and updated all code base * updated SVGPathCommander, CubicBezier, shorter-js, minifill * updated polyfills * minor CSS fixes
51 lines
1.2 KiB
JavaScript
51 lines
1.2 KiB
JavaScript
import supportPassive from 'shorter-js/src/boolean/supportPassive.js';
|
|
import numbers from '../interpolation/numbers.js';
|
|
|
|
import {
|
|
scrollContainer,
|
|
onStartScroll,
|
|
onCompleteScroll,
|
|
scrollIn,
|
|
scrollOut,
|
|
getScrollTargets,
|
|
preventScroll,
|
|
toggleScrollEvents,
|
|
} from './scrollPropertyBase.js';
|
|
|
|
// Component Functions
|
|
function getScroll() {
|
|
this.element = ('scroll' in this.valuesEnd) && (!this.element || this.element === window)
|
|
? scrollContainer : this.element;
|
|
|
|
return this.element === scrollContainer
|
|
? (window.pageYOffset || scrollContainer.scrollTop)
|
|
: this.element.scrollTop;
|
|
}
|
|
|
|
function prepareScroll(prop, value) {
|
|
return parseInt(value, 10);
|
|
}
|
|
|
|
// All Component Functions
|
|
const scrollFunctions = {
|
|
prepareStart: getScroll,
|
|
prepareProperty: prepareScroll,
|
|
onStart: onStartScroll,
|
|
onComplete: onCompleteScroll,
|
|
};
|
|
|
|
// Full Component
|
|
const scrollProperty = {
|
|
component: 'scrollProperty',
|
|
property: 'scroll',
|
|
defaultValue: 0,
|
|
Interpolate: { numbers },
|
|
functions: scrollFunctions,
|
|
// export stuff to global
|
|
Util: {
|
|
preventScroll, scrollIn, scrollOut, getScrollTargets, toggleScrollEvents, supportPassive,
|
|
},
|
|
};
|
|
|
|
export default scrollProperty;
|