git.roojs.org Git - bootswatch/blob - swatchmaker/test/application.js

   1 (function ($) {
   2
   3         $(function(){
   4
   5                 // fix sub nav on scroll
   6                 var $win = $(window),
   7                                 $body = $('body'),
   8                                 $nav = $('.subnav'),
   9                                 navHeight = $('.navbar').first().height(),
  10                                 subnavHeight = $('.subnav').first().height(),
  11                                 subnavTop = $('.subnav').length && $('.subnav').offset().top - navHeight,
  12                                 marginTop = parseInt($body.css('margin-top'), 10);
  13                                 isFixed = 0;
  14
  15                 processScroll();
  16
  17                 $win.on('scroll', processScroll);
  18
  19                 function processScroll() {
  20                         var i, scrollTop = $win.scrollTop();
  21
  22                         if (scrollTop >= subnavTop && !isFixed) {
  23                                 isFixed = 1;
  24                                 $nav.addClass('subnav-fixed');
  25                                 $body.css('margin-top', marginTop + subnavHeight + 'px');
  26                         } else if (scrollTop <= subnavTop && isFixed) {
  27                                 isFixed = 0;
  28                                 $nav.removeClass('subnav-fixed');
  29                                 $body.css('margin-top', marginTop + 'px');
  30                         }
  31                 }
  32
  33         });
  34
  35 })(window.jQuery);