Team:Groningen/Template/SCRIPTS/events

From 2014.igem.org

(Difference between revisions)
 
Line 7: Line 7:
         $('.module.menu .content').css({position: 'fixed', top: '-100pt'});
         $('.module.menu .content').css({position: 'fixed', top: '-100pt'});
         $('.module.menu .content').css({'left': 0 - varAdjust, 'right': varAdjust});
         $('.module.menu .content').css({'left': 0 - varAdjust, 'right': varAdjust});
-
         $('.module.menu').addClass("isFloating");
+
         $('.module.menu').addClass("isfloating");
       } else {
       } else {
         $('.module.menu .content').css({position: 'relative', top: '0', left:'0', right:'0'});  
         $('.module.menu .content').css({position: 'relative', top: '0', left:'0', right:'0'});  
-
         $('.module.menu').removeClass("isFloating");
+
         $('.module.menu').removeClass("isfloating");
     }
     }
   })
   })
});
});
</html>
</html>

Latest revision as of 21:00, 17 October 2014

$(document).ready(function () { var menuIconsHeight = $('.default .module.menu .item .icon').height(); $(window).scroll(function(){ if( $(window).scrollTop() > menuIconsHeight + 17) { var varAdjust = ($(document).scrollLeft()/2); $('.module.menu .content').css({position: 'fixed', top: '-100pt'}); $('.module.menu .content').css({'left': 0 - varAdjust, 'right': varAdjust}); $('.module.menu').addClass("isfloating"); } else { $('.module.menu .content').css({position: 'relative', top: '0', left:'0', right:'0'}); $('.module.menu').removeClass("isfloating"); } }) });