Mình có cái Menu giờ mình muốn Fixed Menu top navbar in bootstrap, cố định menu khi scrolling kéo xuống dưới, kéo chuột xuống dưới thì thanh menu tự động cố định ở trên top, hoặc footer tùy theo ý của mình thì làm như thế nào? Mình tìm trên mạng thấy họ gắn javascript vào để bắt sự kiện scrolling nhưng mình muốn dùng css thôi, không dùng csroll được không? và cách làm như thế nào giúp mình với. Menu khi kéo xuống dưới nó cố định, fixed trên đầu web, top web ý. Menu của mình bằng hình ảnh đây: Code HTML của menu của mình Mã: <nav class="navbar navbar-inverse"> <div class="navbar-header"> <a href="/"><img class="cs-imglogo" alt="logo" src="~/images/logo.png" /></a> <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse"> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="cs-dot-menu">MENU</span> </button> </div> <div class="navbar-collapse collapse"> <ul class="nav navbar-nav navbar-right" > <li><a href="#">Rút hầm cầu</a></li> <li><a href="#" >Thông cầu cống nghẹt</a></li> <li><a href="#">Nạo vét hố ga</a></li> <li><a href="#">Báo giá rút hầm cầu</a></li> <li><a href="#" >Hồ sơ năng lực</a></li> <li><a href="#">Tư vấn</a></li> <li><a href="#" >Liên hệ</a></li> </ul> </div> </nav>
Bạn có thể tham khảo tại link sau: getbootstrap.com/docs/3.3/examples/navbar-fixed-top/ Hoặc Bước 1 thêm navbar-fixed-top vào nav của bạn. Mã: <nav class="navbar navbar-inverse navbar-fixed-top"> ..... </nav> Và thêm vào file css của web thuộc tính body như sau: (Tùy vào nav bao nhiêu mà bạn tùy biến padding-top bấy nhiêu) Mã: body { padding-top: 70px; }
Cảm ơn bạn, code này rất tốt ạ. Ngoài ra nếu xài theme wordpress thì thường được hỗ trợ sẵn nên cũng khỏe