<div class="wrapper">
<div class="header">
Header
</div>
<div class="nav">
Navigation
</div>
<div class="content">
<p>Candy canes tart pie biscuit. Cupcake liquorice cake dessert tootsie roll
applicake pastry. ...</p>
</div>
</div>
.sticky {
position: fixed;
width: 100%;
left: 0;
top: 0;
z-index: 100;
border-top: 0;
}
$(document).ready(function() {
var stickyNavTop = $('.nav').offset().top;
var stickyNav = function(){
var scrollTop = $(window).scrollTop();
if (scrollTop > stickyNavTop) {
$('.nav').addClass('sticky');
} else {
$('.nav').removeClass('sticky');
}
};
stickyNav();
$(window).scroll(function() {
stickyNav();
});
});
0 comments:
Posting Komentar