Một ngày nọ vô tình mình lướt sang một blog trên internet ngẫu nhiên nhìn thấy chiếc Menu cứ đứng yên cho dù là tđuổi lên tđuổi xuống. Lấy làm cho kỳ lạ bản thân từ hỏi lừng khừng người ta sẽ làm ráng nào mà lại được những điều đó. Và chũm là hành trình đi tìm kiếm giải pháp chế tạo ra menu cố định và thắt chặt Lúc Scroll loài chuột WordPress ban đầu.

Bạn đang xem: Cố định header khi cuộn trang

Mình đã mất mấy ngày không ăn uống ko ngủ chỉ để tìm kiếm tìm câu hỏi làm cho ráng làm sao để cố định Header lúc cuộn trang, phương pháp làm cho thực đơn cố định và thắt chặt khi scroll loài chuột.

Cuối cùng thì tôi đã tìm kiếm thấy Sticky menu (or anything on scroll)


Plugin Sticky menu (or anything on scroll)

Thật tuyệt vời nhất khi quan sát số cài đặt là 100.000 lượt. Cho thấy rằng đây là plugin cũng được các người sử dụng. Thế là mình hợp tác vào cài đặt với thử dụng xem hiệu quả cầm nào.

*

Hướng dẫn sử dụng Sticky menu (or anything on scroll)

Download

Cách 1: Nhấp vào Settings => Sticky Menu (Or Anything!)

*

Bước 2: Trong phần khoanh tròn red color bạn sẽ điền một trong những phần tử ước ao chế tạo ra cố định và thắt chặt.

Xem thêm: Lớp Html Helpers Trong Mvc Là Gì, Lập Trình Asp, Tag Helpers Trong Asp

*

Để hiểu rằng Menu là phần tử làm sao bạn sẽ ra Home.

Ấn loài chuột nên lên Menu => Kiểm tra

*

quý khách hàng vẫn thấy một id là main-nav

Đối cùng với id sẽ điền #main-nav

Còn với class đang là .main-nav

*

Các thiết lập cấu hình cơ bản

Sticky Element: Thẻ HTML hoặc Class/ID của Menu hoặc phần tử nên Sticky. Để bình chọn bạn tuân theo hướng dẫn sinh hoạt bên trên.

Space between top…: Khoảng biện pháp thân phần bên trên thuộc của website cùng thực đơn sticky Cheông xã for Admin Toolbar: Nếu bạn đăng nhập tài khoản Admin, Menu Sticky sẽ tiến hành di chuyển xuống bên dưới thanh color Đen Admin 1 ít. Do no stichồng element when screen smaller than: Không sticky lúc screen nhỏ tuổi rộng bao nhiêu Pixel (Px) đó. Do no stick element when screen larger than: Không sticky lúc màn hình hiển thị lớn hơn bao nhiêu Pixel đó.

Lời kết: Để thắt chặt và cố định Menu trong WordPress không còn nặng nề yêu cầu không. Chỉ yêu cầu download Sticky thực đơn (or anything on scroll) với thiết lập, chỉ bởi vài thao tác đơn giản dễ dàng bạn sẽ tạo cho cái Menu của chính mình có thể đứng im khi Scroll loài chuột rồi đấy!