Tạo thanh trượt NAV

Fri Dec 22, 2017 10:11 pm

Để tạo 1 thanh nav trượt dùng Bootstrap, chúng ta có thể xài class navbar-fixed-top cho nav, tuy nhiên, nếu bạn xài như vậy thì không thể tạo thanh nav trượt như website http://fit.ntt.edu.vn/ , để làm được như vậy, các bạn xài script sau:

Code:: $(document).ready(function () { var $navbar = $("#mNavbar"); AdjustHeader(); // Incase the user loads the page from halfway down (or something); $(window).scroll(function () { AdjustHeader(); }); function AdjustHeader() { if ($(window).scrollTop() > 60) { if (!$navbar.hasClass("navbar-fixed-top")) { $navbar.addClass("navbar-fixed-top"); } } else { $navbar.removeClass("navbar-fixed-top"); } } });

Và các bạn khai báo ID mNavbar trong nav.