Cố định menu khi cuộn trang

     

Một ngày nọ vô tình mình lướt sang một blog bên trên mạng internet thốt nhiên nhận thấy dòng Menu cđọng đứng yên cho dù là tđuổi lên trượt xuống. Lấy có tác dụng kỳ lạ bản thân tự hỏi lừng chừng fan ta đang làm cho cố gắng làm sao và lại được như thế. Và vắt là hành trình đi tìm kiếm biện pháp tạo nên thực đơn thắt chặt và cố định Lúc Scroll loài chuột WordPress bắt đầu.

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

Mình đã không còn mấy ngày không ăn ko ngủ chỉ nhằm search tìm câu hỏi có tác dụng vắt làm sao để thắt chặt và cố định Header khi cuộn trang, phương pháp làm thực đơn cố định và thắt chặt Khi scroll con chuột.

Cuối cùng thì mình đã tìm thấy Sticky thực đơn (or anything on scroll)

Plugin Sticky menu (or anything on scroll)

Thật tuyệt đối Khi quan sát số cài đặt là 100.000 lượt. Cho thấy rằng đó là plugin cũng khá được những người sử dụng. Thế là bản thân bắt tay vào setup và demo dụng coi tác dụng rứa nào.

*

Hướng dẫn sử dụng Sticky thực đơn (or anything on scroll)

Download

Bước 1: Nhấp vào Settings => Sticky Menu (Or Anything!)

*

Bước 2: Trong phần khoanh tròn màu đỏ bạn sẽ điền một phần tử mong mỏi chế tạo cố định và thắt chặt.

Xem thêm: Top 10 Loài Động Vật Nặng Nhất Thế Giới Như Thế Nào? Những Loài Vật Khổng Lồ Nhất Thế Giới

*

Để biết được Menu là phần tử như thế nào các bạn sẽ ra Home.

Ấn con chuột cần lên Menu => Kiểm tra

*

quý khách đã thấy một id là main-nav

Đối với id vẫn điền #main-nav

Còn cùng với class đã là .main-nav

*

Các tùy chỉnh cấu hình cơ bản

Sticky Element: Thẻ HTML hoặc Class/ID của Menu hoặc bộ phận nên Sticky. Để bình chọn chúng ta tuân theo lý giải ở bên trên.

Xem thêm: Hướng Dẫn Cách Đồng Bộ Danh Bạ Lên Icloud Cho Iphone, Ipad, Cách Đồng Bộ Danh Bạ Lên Icloud Cho Iphone, Ipad

Space between top…: Khoảng cách giữa phần bên trên thuộc của web cùng menu sticky Cheông chồng for Admin Toolbar: Nếu các bạn đăng nhập tài khoản Admin, Menu Sticky sẽ được di chuyển xuống dưới thanh color đen Admin 1 ít. Do no stichồng element when screen smaller than: Không sticky Khi màn hình nhỏ tuổi rộng từng nào Pixel (Px) đó. Do no stick element when screen larger than: Không sticky Khi màn hình hiển thị to hơn từng nào Pixel đó.

Lời kết: Để cố định Menu vào WordPress không hề cạnh tranh bắt buộc không. Chỉ buộc phải download Sticky menu (or anything on scroll) và cài đặt, chỉ bởi vài ba làm việc dễ dàng các bạn đang tạo nên loại Menu của chính bản thân mình hoàn toàn có thể đứng yên khi Scroll loài chuột rồi đấy!


Chuyên mục: Công nghệ