Cố định menu khi cuộn trang

Một ngày nọ vô tình bản thân lướt qua 1 blog trên internet tự nhiên nhận thấy chiếc Menu cứ đọng đứng im mang lại mặc dù có tđuổi lên tđuổi xuống. Lấy có tác dụng kỳ lạ bản thân trường đoản cú hỏi chần chờ tín đồ ta vẫn làm ráng làm sao mà lại được như thế. Và thay là hành trình đi kiếm phương pháp chế tạo ra menu cố định Lúc Scroll con chuột WordPress ban đầu.

You watching: Cố định menu khi cuộn trang


Mình đã không còn mấy ngày không ăn ko ngủ chỉ để search tìm câu hỏi có tác dụng chũm như thế nào để cố định và thắt chặt Header Lúc cuộn trang, biện pháp có tác dụng menu cố định và thắt chặt Lúc scroll con chuột.

Cuối thuộc thì tôi đã kiếm tìm thấy Sticky thực đơn (or anything on scroll)

Plugin Sticky thực đơn (or anything on scroll)

Thật hoàn hảo nhất lúc chú ý số cài đặt là 100.000 lượt. Cho thấy rằng đó là plugin cũng rất được các người tiêu dùng. Thế là bản thân bắt tay vào setup với test dụng coi tác dụng cố như thế nào.

*

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

Download

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

*

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

*

Để biết được Menu là bộ phận nào bạn sẽ ra Home.

See more: Top 11 Ứng Dụng Xem Phim Không Cần Mạng, App Xem Tivi Miễn Phí Không Tốn 3G/4G

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

*

Quý Khách vẫn thấy một id là main-nav

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

Còn với class đã 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 thành phần bắt buộc Sticky. Để chất vấn các bạn làm theo gợi ý sống bên trên.

Space between top…: Khoảng cách thân phần bên trên cùng của web với thực đơn sticky Cheông xã for Admin Toolbar: Nếu bạn đăng nhập thông tin tài khoản Admin, Menu Sticky sẽ được dịch rời xuống dưới tkhô hanh color Đen Admin 1 ít. Do no stiông xã element when screen smaller than: Không sticky khi screen nhỏ tuổi rộng bao nhiêu Pixel (Px) kia. Do no stiông chồng element when screen larger than: Không sticky lúc màn hình to 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 ko. Chỉ yêu cầu download Sticky menu (or anything on scroll) và thiết lập, chỉ bằng vài thao tác dễ dàng bạn vẫn tạo nên loại Menu của bản thân hoàn toàn có thể đứng yên ổn Khi Scroll loài chuột rồi đấy!


Category:

Bình luận! Cancel reply

Xin chú ý rằng toàn bộ các bình luận phần đông được kiểm chú ý theo chính sách bảo mật và toàn bộ những link hầu hết là nofollow. KHÔNG sử dụng trường đoản cú khóa vào trường tên. Hãy giữ lại một cuộc chat chit cá thể cùng ý nghĩa. *

Comment

Name *

E-Mail *

Website


Đọc thêm


*

Cách cnhát quảng bá vào WordPress

Sau Lúc ĐK Google Adsense dứt bạn sẽ bắt buộc cyếu quảng cáo vào WordPress để tìm chi phí. Vì Adsense cung cấp mã HTML cho nên việc đặt banner lên trang web kha khá thuận tiện. Nhưng…


*

Cách sửa đổi code trong WordPress

Làm nỗ lực như thế nào nhằm chỉnh sửa code trong WordPress của một website theo ý của bạn? Bài viết này vẫn lí giải các bạn tra cứu đúng file yêu cầu sửa vào WordPress một giải pháp dễ dãi.…


*

Cách tạo Custom Taxonomy vào WordPress

Với Custom Post Type Khi chế tạo functions.php sẽ có chức năng hiển thị cùng thêm bắt đầu sản phẩm. Còn cùng với Custom Taxonomy thì nó sẽ giúp show tất danh mục của sản phẩm nó tương…


*

2 Cách chỉnh font text trong WordPress

Chắc chắn Khi trở nên tân tiến một blog, website chúng ta luôn luôn ao ước giữ lại ấn tượng với fan hâm mộ. Từ ngôn từ, bối cảnh hay cho tới Font chữ. Nhưng có một vụ việc gây khó…


*

Hướng dẫn thực hiện Duplicator để backup website

Duplicator là 1 plugin phổ cập chăm dùng để làm sao giữ với backup dữ liệu trang web WordPress. Việc backup thường xuyên đang bảo vệ bình yên tránh khỏi những ngôi trường đúng theo xấu xẩy ra. Chẳng…


Tăng số lượng giới hạn size Upload File vào WordPress

Một lỗi cũng thường xẩy ra khi thực hiện mã nguồn WordPress chính là bị giới hạn form size file. Mặc định WordPress chỉ có thể chấp nhận được bạn upload những tệp tin bé dại rộng 2MB. khi bạn…


Giới thiệu


Xin kính chào đều tín đồ mình tên là Quách Quỳnh. Mình bước đầu my-huawei.com để chia sẻ kỹ năng và kiến thức về WordPress, làm trang web và những sự việc tương quan.

Đó là đông đảo kinh nghiệm tích điểm được vào quá trình tò mò bởi vì vậy mình sẽ khá vui trường hợp phần đông sản phẩm chia sẻ có thể mang lại lợi ích được cho chính mình.

See more: Download Adobe Bridge Cc 2018 8 8, New And Enhanced Features

Các nội dung bài viết trong blog mình đông đảo nhắm đến những người dân new bắt đầu. Vì vậy tiêu chuẩn của chính bản thân mình chính là dễ dàng và đơn giản, dễ hiểu độc nhất vô nhị hoàn toàn có thể.


Nên dùng


Đăng ký nhận tin


Đăng ký kết nhấn những hướng dẫn tốt tự Quách Quỳnh nhé!

Gửi mang lại mình!

Bình luận mới


Giới thiệu Liên hệ