Share
Go down
avatar
Admin
Tổng số bài gửi : 46
Join date : 12/12/2017
Age : 22
Đến từ : Nguyen Tat Thanh University
Xem lý lịch thành viênhttp://chuyencuathang.forumvi.com

Tạo thanh trượt NAV

on 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.
Về Đầu Trang
Permissions in this forum:
Bạn không có quyền trả lời bài viết