Difference between revisions of "Template:Team:TU Darmstadt/Js"

Line 4: Line 4:
 
   var distance = $('#title').outerHeight() + $('#top_menu_under').outerHeight(),
 
   var distance = $('#title').outerHeight() + $('#top_menu_under').outerHeight(),
 
   $window = $(window);
 
   $window = $(window);
  console.log(distance);
 
 
    
 
    
 
   $window.scroll(function() {
 
   $window.scroll(function() {
Line 26: Line 25:
 
   if ($(this).scrollTop() > headerHeight) {
 
   if ($(this).scrollTop() > headerHeight) {
 
     if(!isFixed) {
 
     if(!isFixed) {
        console.log('scroll');
 
 
         $element.addClass("scrolled");
 
         $element.addClass("scrolled");
 
     }
 
     }
Line 32: Line 30:
 
   if ($(this).scrollTop() < headerHeight) {
 
   if ($(this).scrollTop() < headerHeight) {
 
     if(isFixed) {
 
     if(isFixed) {
        console.log('dont scroll');
 
 
         $element.removeClass("scrolled");
 
         $element.removeClass("scrolled");
 
     }
 
     }

Revision as of 13:36, 13 October 2016

// START MainMenu

$(window).load(function() {

 var distance = $('#title').outerHeight() + $('#top_menu_under').outerHeight(),
 $window = $(window);
 
 $window.scroll(function() {
   if ( $window.scrollTop() >= distance ) {
     $('.navbar').addClass('top-fixed');
     console.log('on top');
   } else if ( $window.scrollTop() <= distance && $('.navbar').hasClass('top-fixed') ) {
     $('.navbar').removeClass('top-fixed');
   }
 });

});

// END MainMenu // START ScrollBox

$(window).scroll(function(e) {

 var $element = $('.scrollbox');
 var headerHeight = $('#head').outerHeight();
 var isFixed = ($element.css('position') == 'fixed');
 if ($(this).scrollTop() > headerHeight) {
   if(!isFixed) {
       $element.addClass("scrolled");
   }
 }
 if ($(this).scrollTop() < headerHeight) {
   if(isFixed) {
       $element.removeClass("scrolled");
   }
 }

});

function scrollToTop() {

 $('body,html').animate({
   scrollTop: 0
 }, 400);

}

// END ScrollBox