Line 2: | Line 2: | ||
var sT=document.documentElement.scrollTop; | var sT=document.documentElement.scrollTop; | ||
$ban.css('top',0.4*sT+'px'); | $ban.css('top',0.4*sT+'px'); | ||
− | $ban.css('opacity', | + | $ban.css('opacity',0.7-0.7*sT/200); |
$(document).on('scroll',function () { | $(document).on('scroll',function () { | ||
var sT=document.documentElement.scrollTop; | var sT=document.documentElement.scrollTop; | ||
if(sT<200){ | if(sT<200){ | ||
$ban.css('top',0.4*sT+'px'); | $ban.css('top',0.4*sT+'px'); | ||
− | $ban.css('opacity', | + | $ban.css('opacity',0.7-0.7*sT/200); |
} | } | ||
else { | else { |
Revision as of 05:37, 31 October 2017
var $ban=$('#banner'); var sT=document.documentElement.scrollTop; $ban.css('top',0.4*sT+'px'); $ban.css('opacity',0.7-0.7*sT/200); $(document).on('scroll',function () {
var sT=document.documentElement.scrollTop; if(sT<200){ $ban.css('top',0.4*sT+'px'); $ban.css('opacity',0.7-0.7*sT/200); } else { $ban.css('opacity',0); }
}); var $logo=$('#logo'); if(sT<200){
$logo.css('top',0.6*sT-300+'px');
} else {
$logo.css('top','-180px');
} $(document).on('scroll',function () {
var sT=document.documentElement.scrollTop; if(sT<200){ $logo.css('top',0.6*sT-300+'px'); } else { $logo.css('top','-180px'); }
});