Line 494: | Line 494: | ||
var $w = $(document); | var $w = $(document); | ||
var $d = $('#jiggle'); | var $d = $('#jiggle'); | ||
+ | var scale = $w.width()/1524; | ||
$w.scroll(function(){ | $w.scroll(function(){ | ||
− | + | console.log($w.scrollTop()); | |
$d.css('transform',spin()) | $d.css('transform',spin()) | ||
− | + | if($w.scrollTop()>845*scale){ | |
− | + | $d.css('width',scale*250) | |
− | + | $d.css('height',scale*250) | |
− | if($w.scrollTop()> | + | $d.css('left',wiggle()+($w.width()/(30))-200*scale) |
− | $d.css('width', | + | |
− | $d.css('height', | + | |
− | $d.css('left',wiggle()+($w.width()/30)-200) | + | |
} | } | ||
else{ | else{ | ||
− | $d.css('height', | + | $d.css('height',0) |
− | $d.css(' | + | $d.css('width',0) |
− | $d.css(' | + | $d.css('left',wiggle()+($w.width()/(30))-$w.scrollTop()/(scale*10)) |
+ | } | ||
+ | if($w.scrollTop()>scale*7692.7998046875){ | ||
+ | $d.css('width',0) | ||
+ | } | ||
+ | else{ | ||
+ | $d.css('top',($w.scrollTop())+150*scale) | ||
} | } | ||
}); | }); | ||
function wiggle(){ | function wiggle(){ | ||
− | return $w.width()/2 | + | return $w.width()/2 +Math.sin(0.2*scale+($w.scrollTop())/(scale*307))*$w.width()/(8) |
} | } | ||
function spin(){ | function spin(){ |
Revision as of 09:49, 2 October 2020