Commit f750ad35 authored by Thomas Park's avatar Thomas Park
Browse files

preview pages: get rid of content jumps when subnav -> subnav-fixed

parent 14dc685d
......@@ -24,6 +24,10 @@ section {
font-size: 54px;
}
.subhead > div:first-child {
min-height: 200px;
}
.subnav {
margin-bottom: 60px;
width: 100%;
......
......@@ -4,9 +4,12 @@
// fix sub nav on scroll
var $win = $(window),
$body = $('body'),
$nav = $('.subnav'),
navHeight = $('.navbar').first().height(),
navTop = $('.subnav').length && $('.subnav').offset().top - navHeight,
subnavHeight = $('.subnav').first().height(),
subnavTop = $('.subnav').length && $('.subnav').offset().top - navHeight,
marginTop = parseInt($body.css('margin-top'), 10);
isFixed = 0;
processScroll();
......@@ -15,12 +18,15 @@
function processScroll() {
var i, scrollTop = $win.scrollTop();
if (scrollTop >= navTop && !isFixed) {
if (scrollTop >= subnavTop && !isFixed) {
isFixed = 1;
$nav.addClass('subnav-fixed');
} else if (scrollTop <= navTop && isFixed) {
$body.css('margin-top', marginTop + subnavHeight + 'px');
} else if (scrollTop <= subnavTop && isFixed) {
isFixed = 0;
$nav.removeClass('subnav-fixed');
$body.css('margin-top', marginTop + 'px');
}
}
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment