new file: custom2.css modified: index.html new file: index2.html new file: jquery-3.2.0.slim.min.js
32 lines
676 B
JavaScript
32 lines
676 B
JavaScript
$(document).ready(function() {
|
|
|
|
$body = $('body')
|
|
$nav = $('.nav')
|
|
$body = $('body')
|
|
$window = $(window)
|
|
navOffsetTop = $nav.offset().top
|
|
|
|
function init() {
|
|
$window.on('scroll', onScroll)
|
|
$window.on('resize', resize)
|
|
onScroll()
|
|
}
|
|
|
|
function resize() {
|
|
$body.removeClass('has-docked-nav')
|
|
navOffsetTop = $nav.offset().top
|
|
onScroll()
|
|
}
|
|
|
|
function onScroll() {
|
|
if(navOffsetTop < $window.scrollTop() && !$body.hasClass('has-docked-nav')) {
|
|
$body.addClass('has-docked-nav')
|
|
}
|
|
if(navOffsetTop > $window.scrollTop() && $body.hasClass('has-docked-nav')) {
|
|
$body.removeClass('has-docked-nav')
|
|
}
|
|
}
|
|
|
|
init();
|
|
|
|
});
|