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

Line 1: Line 1:
 
// START MainMenu
 
// START MainMenu
−
 
+
$(document).ready(function() {
−
 
+
  var distance = $('.title').innerHeight(),
−
 
+
  $window = $(window);
 +
  console.log(distance);
 +
 
 +
  $window.scroll(function() {
 +
    if ( $window.scrollTop() >= distance ) {
 +
      $('.navbar').addClass('top-fixed');
 +
      console.log('on top');
 +
    }
 +
  });
 +
});
 
// END MainMenu
 
// END MainMenu
 
// START ScrollBox
 
// START ScrollBox

Revision as of 09:46, 13 October 2016

// START MainMenu $(document).ready(function() { 

 var distance = $('.title').innerHeight(),
 $window = $(window);
 console.log(distance);
 
 $window.scroll(function() {
   if ( $window.scrollTop() >= distance ) {
     $('.navbar').addClass('top-fixed');
     console.log('on top');
   }
 });

}); // 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) {
       console.log('scroll');
       $element.addClass("scrolled");
   }
 }
 if ($(this).scrollTop() < headerHeight) {
   if(isFixed) {
       console.log('dont scroll');
       $element.removeClass("scrolled");
   }
 }

});

function scrollToTop() { 

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

}

// END ScrollBox