diff --git a/js/functions.js b/js/functions.js index 35ba263..a088655 100644 --- a/js/functions.js +++ b/js/functions.js @@ -1,48 +1,64 @@ +var postsTop; +var winHeight; + +$(document).ready(function(){ + postsTop = $('.blog-posts').offset().top; + winHeight = $(window).height(); +}); + +function posts(x){ + var goal = postsTop - winHeight / 8; + var offset; + + if(x < goal){ + offset = Math.min(0.005*Math.pow(x - goal, 2), winHeight); + }else{ + offset = 0; + } + + $('.post-1').css({'transform': 'translate('+ -offset +'px, '+ offset * 0.2 +'px)'}); + + $('.post-3').css({'transform': 'translate('+ offset +'px, '+ offset * 0.2 +'px)'}); + +} + $(window).scroll(function(){ var wScroll = $(this).scrollTop(); $('.logo').css({ - 'transform' : 'translate(0px, '+ wScroll /2 +'%)' + 'transform' : 'translate(0px, '+ wScroll /2 +'%)' }); $('.back-bird').css({ - 'transform' : 'translate(0px, '+ wScroll /4 +'%)' + 'transform' : 'translate(0px, '+ wScroll /4 +'%)' }); $('.fore-bird').css({ - 'transform' : 'translate(0px, -'+ wScroll /40 +'%)' + 'transform' : 'translate(0px, -'+ wScroll /40 +'%)' }); if(wScroll > $('.clothes-pics').offset().top - ($(window).height() / 1.2)) { - $('.clothes-pics figure').each(function(i){ + $('.clothes-pics figure').each(function(i){ - setTimeout(function(){ - $('.clothes-pics figure').eq(i).addClass('is-showing'); - }, 150 * (i+1)); - }); + setTimeout(function(){ + $('.clothes-pics figure').eq(i).addClass('is-showing'); + }, 150 * (i+1)); + }); } if(wScroll > $('.large-window').offset().top - $(window).height()){ - $('.large-window').css({'background-position':'center '+ (wScroll - $('.large-window').offset().top) +'px'}); + $('.large-window').css({'background-position':'center '+ (wScroll - $('.large-window').offset().top) +'px'}); - var opacity = (wScroll - $('.large-window').offset().top + 400) / (wScroll / 5); + var opacity = (wScroll - $('.large-window').offset().top + 400) / (wScroll / 5); - $('.window-tint').css({'opacity': opacity}); + $('.window-tint').css({'opacity': opacity}); } - if(wScroll > $('.blog-posts').offset().top - $(window).height()){ - - var offset = Math.min(0, wScroll - $('.blog-posts').offset().top +$(window).height() - 350); - - $('.post-1').css({'transform': 'translate('+ offset +'px, '+ Math.abs(offset * 0.2) +'px)'}); - - $('.post-3').css({'transform': 'translate('+ Math.abs(offset) +'px, '+ Math.abs(offset * 0.2) +'px)'}); - - } + posts(wScroll); }); diff --git a/js/min/functions-min.js b/js/min/functions-min.js new file mode 100644 index 0000000..b533170 --- /dev/null +++ b/js/min/functions-min.js @@ -0,0 +1 @@ +function posts(t){var o=postsTop-winHeight/8,s;s=o>t?Math.min(.005*Math.pow(t-o,2),winHeight):0,$(".post-1").css({transform:"translate("+-s+"px, "+.2*s+"px)"}),$(".post-3").css({transform:"translate("+s+"px, "+.2*s+"px)"})}var postsTop,winHeight;$(document).ready(function(){postsTop=$(".blog-posts").offset().top,winHeight=$(window).height()}),$(window).scroll(function(){var t=$(this).scrollTop();if($(".logo").css({transform:"translate(0px, "+t/2+"%)"}),$(".back-bird").css({transform:"translate(0px, "+t/4+"%)"}),$(".fore-bird").css({transform:"translate(0px, -"+t/40+"%)"}),t>$(".clothes-pics").offset().top-$(window).height()/1.2&&$(".clothes-pics figure").each(function(t){setTimeout(function(){$(".clothes-pics figure").eq(t).addClass("is-showing")},150*(t+1))}),t>$(".large-window").offset().top-$(window).height()){$(".large-window").css({"background-position":"center "+(t-$(".large-window").offset().top)+"px"});var o=(t-$(".large-window").offset().top+400)/(t/5);$(".window-tint").css({opacity:o})}posts(t)}); \ No newline at end of file