Theo nhu cầu của ai đó, khi kéo website xuống thì menu top sẽ bị dính lên trên...haaaa
1. Mở file: header_extended
tìm đến:
<nav class="second-nav" id="menusite"> <div class="container"> <div class="row"> <div class="bg box-shadow"> [MENU_SITE] </div> </div> </div> </nav>
thay toàn bộ đoạn code trên bằng đoạn code:
<nav class="stickymenu"> <div class="container"> <div class="row"> [MENU_SITE] </div> </div> </nav> <script type="text/javascript"> $(function() { var sticky_navigation_offset_top = $('.stickymenu').offset().top; var sticky_navigation = function(){ var scroll_top = $(window).scrollTop(); if (scroll_top > sticky_navigation_offset_top) { $('.stickymenu').css({ 'position': 'fixed', 'z-index': 1000,'top':0, 'left':0}); } else { $('.stickymenu').css({ 'position': 'relative' }); } }; sticky_navigation(); $(window).scroll(function() { sticky_navigation(); }); }); </script>
Tiếp đến coppy đoạn css sau vào cuối file style.css
.stickymenu { z-index: 1000; box-shadow: 0 10px 10px rgba(0,0,0,0.55); background: #428BCA; margin: 0 auto 0; width: 100%; }
Nhấn em F5 xem sao à nha. Có gì pm ngay để khắc phục. Thank đã xem!