ScrollTrigger

SrollTrigger is a piece of code using jquery to determine a point in the page which when it arrives trigger anything which you want

Dependencies

• Jquery

Usage

const config = {
start: '<selector-start>',
end: '<selector-end>',
respire: <pixel-without-px>, // 100 = 100px
};
function doSomethingNice() {
[...]
}
function doSomethingBad() {
[...]
}
scrollTrigger(
config,
() => doSomethingNice(), // main function
() => doSomethingBad(),
);

When you specify just START the function doSomethingNice is invoked when arriving in this div and will be always execute in this div to down.

const config = {
start: '#start',
};

When you specify START and END the doSomethingNice function it will be fired between of this two DIVS and the function doSomethingBad is invoked outside of this divs.

const config = {
start: '#start',
end: '#end',
}

Respire: is the anticipation to invoke the first doSomethingNice. This is invoked 100px before

const config = {
start: '#start',
end: '#end',
respire: 100,
}