Template:Team:Berkeley/topnav.js

From 2013.igem.org

(Difference between revisions)
Line 14: Line 14:
$('body').scrollspy({
$('body').scrollspy({
   offset: offsetHeight
   offset: offsetHeight
 +
});
 +
 +
$('.nav-collapse').scrollspy({
 +
    offset: offsetHeight
 +
});
 +
 +
$('.navbar li a').click(function (event) {
 +
    var scrollPos = $('body > .container').find($(this).attr('href')).offset().top - offsetHeight;
 +
    $('body,html').animate({
 +
        scrollTop: scrollPos
 +
    }, 500, function () {
 +
        $(".btn-navbar").click();
 +
    });
 +
    return false;
});
});

Revision as of 01:33, 28 October 2013

$(window).scroll(function () {

   if ($(window).scrollTop() > 289) {
       $('#main-nav').css('top', $(window).scrollTop() - 289);
   }
   else {
       $('#main-nav').css('top', 0);
   }

} );

var offsetHeight = 51; var scrollPos = $('body > .container').find($(this).attr('href')).offset().top - (offsetHeight - 1);

$('body').scrollspy({

  offset: offsetHeight

});

$('.nav-collapse').scrollspy({

   offset: offsetHeight

});

$('.navbar li a').click(function (event) {

   var scrollPos = $('body > .container').find($(this).attr('href')).offset().top - offsetHeight;
   $('body,html').animate({
       scrollTop: scrollPos
   }, 500, function () {
       $(".btn-navbar").click();
   });
   return false;

});