Định dạng - Kiểu Style <style>
.navbar-fixed-top {
top: -60px;
transition: top 800ms ease 0s;
position: fixed;
z-index: 9999;
}
.show {
top: 0px;
}
</style>
Code HTML để hiển thị giao diện
<div id="nav">
Menu nằm ở đây
</div>
<div>Nội dung nằm bên dưới trang</div>
Đoạn mã Script để xử lý
<script src="https://code.jquery.com/jquery-1.12.1.min.js" type="text/javascript"></script>
<script>
/* -------------------------------------------------------------------------*
* STICKY NAVIGATION
* -------------------------------------------------------------------------*/
$(window).scroll(function () {
if ($(window).scrollTop() >= 99) {
$('#nav').addClass('navbar-fixed-top');
}
if ($(window).scrollTop() >= 100) {
$('#nav').addClass('show');
} else {
$('#nav').removeClass('show navbar-fixed-top');
}
});
</script>