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

Mã:

$(document).ready(function () {
    window.onscroll = function () { myFunction() };
    try {
        function myFunction() {
            var navbar = document.getElementById("secondary");
            var sticky = navbar.offsetTop;
            var width = document.body.clientWidth;
            if (window.pageYOffset >= sticky && width > 767) {
                navbar.classList.add("sticky");
            } else {
                navbar.classList.remove("sticky");
            }
        }
    }
    catch (err) {alert(err); }
});

Chèn code css sau vào:

HTML:

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
}
.sticky + .content {
  padding-top: 60px;
}

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

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

 

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