Code Sticky Menu bằng js trong wordpress không dùng Plugin

Hầu như tất cả các web của mình dù là wordpress hay asp hay php mình đều xài chung code sticky menu chuẩn ở link dưới, bạn truy cập vào xem cách add vô nhé, rất đơn giản và hiệu quả, rất ít code không gây nặng cho web.

Tự code tay:

• Chi tiết tại: https://www.w3schools.com/howto/howto_js_navbar_sticky.asp

Chèn code js sau vào web

HTML:

<div class="header">
  <div id="idmenu">
    Nội dung cần sticky ơ rđây
  </div>
</div>

Mã:

//jQuery(document).ready( function(){
$(document).ready(function () {
    window.onscroll = function () { myFunction() };
    try {
        function myFunction() {
            var navbar = document.getElementById("idmenu");
            var sticky = navbar.offsetTop;
            var width = document.body.clientWidth;
            if (window.pageYOffset >= sticky && width > 767) {
                navbar.classList.add("sticky");
            } else {
                navbar.classList.remove("sticky");//nếu bị lỗi nháy nháy trên chorme thì xóa đoạn code này đi. (không cần hàm remove)
            }
        }
    }
    catch (err) {alert(err); }
});

Chèn code css sau vào:

HTML:

.sticky {
  position: sticky !important;
  top: 0;
  width: 100%;
}

Plugin thì xài em sau khá ổn:

• https://wordpress.org/plugins/mystickysidebar/

Nếu position: sticky không hoạt động thì đọc bài sau để xử lý: https://itseovn.com/threads/sua-loi...hoat-dong-position-sticky-not-working.322809/

 

Dạ cảm ơn ạ, em đang vô xem rồi, thấy ít code trang của w3schools thì chuẩn 100% rồi ạ.