Template:Team:Berkeley/scrollspyOffset.js

From 2013.igem.org

(Difference between revisions)
Line 1: Line 1:
-
$('#navbar ul li a').bind('click', function(e) {
+
var offsetHeight = 331;
-
     e.preventDefault();
+
 
-
     $('html, body').animate({
+
$('.nav-collapse').scrollspy({
-
         scrollTop: $(this.hash).offset().top -690
+
    offset: offsetHeight
-
     }, 300);
+
});
-
     // edit: Opera requires the "html" elm. animated
+
 
 +
$('.navbar li a').click(function (event) {
 +
     var scrollPos = $('body').find($(this).attr('href')).offset().top - offsetHeight;
 +
     $('body,html').animate({
 +
         scrollTop: scrollPos
 +
    }, 10000, function () {
 +
        $(".btn-navbar").click();
 +
     });
 +
     return false;
});
});

Revision as of 16:12, 28 October 2013

var offsetHeight = 331;

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

   offset: offsetHeight

});

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

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

});