Làm thế nào để tạo menu scroll website mã nguồn wordpress

Làm thế nào để tạo được một menu nổi lên trên website khi bạn kéo hay cuộn chuột theo thanh cuộn dọc của website, viết bằng mã nguồn wordpress.
Bước1: Trước tin bạn nhấn  F12 trên bàn phím, bạn nhìn phần source tại phần tử element tìm đến class-main-menu.
Sau đó thêm đoạn script sau vào gần nơi menu code HTML để sau này dễ tìm và xử lý:
<script type="text/javascript">
        jQuery(document).ready(function($) {
            var $filter = $('.class-main-menu');
            var $filterSpacer = $('<div />', {
                "height": $filter.outerHeight()// hàm lấy độ cao menu khi cuộn xuống so với Top.
            });
            if ($filter.size())
            {
                $(window).scroll(function ()
                {
                    if (!$filter.hasClass('fix') && $(window).scrollTop() > $filter.offset().top)//nếu có sự kiện cuộn website thì add thêm 1 class fix vào trước menu cũ.
                    {
                        $filter.before($filterSpacer);
                        $filter.addClass("fix");// add thêm 1 class name : fix
                    }
                    else if ($filter.hasClass('fix')  && $(window).scrollTop() < $filterSpacer.offset().top)// khi thanh cuộn ngược lên đến vị trí cũ menu thì xóa class fix đi.
                    {
                        $filter.removeClass("fix");
                        $filterSpacer.remove();// xóa class name : fix
                    }
                });
            }

        });
    </script>
Bước 2: css cho class fix mới thêm ở bước 1.
.class-main-menu .fix {
  overflow: visible;
  position: fixed !important;
  top: 0;
  z-index: 1000;
  max-width: 1080px;
  margin: 0 auto;
  width:100%;
}
Chỉ cần vậy thôi là bạn đã có 1 menu scroll trong wordpress rồi. Chúc bạn thành công!