$('.scroll-chaser-1').scrollChaser({ wrapper: '.wrapper-1' // OR $('.wrapper-1') });If
wrapper
is not given, the
box will chase to the bottom of the page.
$('.scroll-chaser-1').scrollChaser({ wrapper: '.wrapper-1' // OR $('.wrapper-1') });If
wrapper
is not given, the
box will chase to the bottom of the page.
$('.scroll-chaser-2').scrollChaser({ wrapper: '.wrapper-2' });Sidebar can contain other contents.
$('.scroll-chaser-3').scrollChaser({ wrapper: '.wrapper-3' // OR $('.wrapper-3') });Is a sidebar taller than a main contents? No problem :)
$('.scroll-chaser-4').scrollChaser({ wrapper: '.wrapper-4', offsetTop: 20 });Use
offsetTop
option to insert
pads on the box.
$('.scroll-chaser-5').scrollChaser({ wrapper: '.wrapper-5', offsetBottom: 40 });Use
offsetBottom
option to
insert pads under the box.
$('.scroll-chaser-6').scrollChaser({ wrapper: '.wrapper-6', throttle: 1000 // Default 10 });If you have some performance problem, use
throttle
option to decrease
the frequency of calculation. If the option
is given, the calculation will be executed
once in throttle
msec.
$('.scroll-chaser-7').scrollChaser({ wrapper: '.wrapper-7', offsetTop: 20, offsetBottom: 40 });Combine options.
$('.scroll-chaser-8').scrollChaser({ wrapper: '.wrapper-8', position: 'bottom', offsetBottom: 40 });Stick to bottom.
$('.scroll-chaser-9').scrollChaser({ wrapper: '.wrapper-9', offsetTop: 100, ignore: true });Other sidebar contents will be ignored.