Difference between revisions of "Team:WashU StLouis"
m |
m |
||
| Line 199: | Line 199: | ||
//console.log($(window).scrollTop() + $(window).height() - $(this).offset().top - $(this).height()); | //console.log($(window).scrollTop() + $(window).height() - $(this).offset().top - $(this).height()); | ||
var bottomMargin = ($(window).scrollTop() + $(window).height() - $(this).offset().top); | var bottomMargin = ($(window).scrollTop() + $(window).height() - $(this).offset().top); | ||
| − | var topMargin = ($(window).scrollTop() | + | var topMargin = (-$(window).scrollTop() + $(this).offset().top + $(this).height()); |
//console.log($(window).scrollTop()); | //console.log($(window).scrollTop()); | ||
//console.log($(window).height()); | //console.log($(window).height()); | ||
//console.log($(this).offset().top); | //console.log($(this).offset().top); | ||
| − | console.log(topMargin + " " + bottomMargin); | + | console.log("top: " + topMargin + " bottom: " + bottomMargin); |
| − | if ( | + | if(topMargin > 0 && topMargin < 500) { |
| − | + | $(this).stop().fadeTo(0, topMargin/500.0); | |
} | } | ||
| + | else if(bottomMargin > 0 && bottomMargin < 500) { | ||
| + | $(this).stop().fadeTo(0, bottomMargin/500.0); | ||
| + | } | ||
| + | //if (($(this).offset().top - $(window).scrollTop()) < 500) { | ||
| + | // $(this).stop().fadeTo(0, ($(this).offset().top -$(window).scrollTop())/100.0); | ||
| + | //} | ||
else { | else { | ||
$(this).css("opacity", 1); | $(this).css("opacity", 1); | ||
Revision as of 17:09, 8 August 2016
SUPER CELLS
WashU and PSU
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
"Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat."
