LBRYFoundation/lbryorg
1
0
Fork 0
mirror of https://github.com/LBRYFoundation/lbryorg.git synced 2025-08-23 20:47:23 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: delay for scrollFade

Browse source
This commit is contained in:
HarshKhandeparkar 2020-06-12 02:09:26 +05:30
parent 5c3b4d0e97
commit e3b9f8c090
1 changed files with 3 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

4
lib/js/index.js
View file

@ -25,14 +25,16 @@ $(window).on('scroll', () => {
// ScrollFade Anim // ScrollFade Anim
const fadeOffset = 50; const fadeOffset = 50;
const fadeDuration = 500; const fadeDuration = 500;
const fadeDelay = 0;
$(window).on('scroll', () => { $(window).on('scroll', () => {
$('.scroll-fade').each((i, elem) => { $('.scroll-fade').each((i, elem) => {
const offset = $(elem).attr('data-fade-offset') || fadeOffset; const offset = $(elem).attr('data-fade-offset') || fadeOffset;
const duration = $(elem).attr('data-fade-duration') || fadeDuration; const duration = $(elem).attr('data-fade-duration') || fadeDuration;
const delay = $(elem).attr('data-fade-delay') || fadeDelay;
if ($(window).height() - elem.getBoundingClientRect().top >= offset) { if ($(window).height() - elem.getBoundingClientRect().top >= offset) {
$(elem).animate({opacity: 1}, duration).css({transition: `transform ${duration / 1000}s`}).css({transform: 'scale(1)'}); $(elem).delay(delay).animate({opacity: 1}, duration).css({transition: `transform ${duration / 1000}s`}).css({transform: 'scale(1)'});
} }
}) })
}) })