Cố Định Thanh Menu Khi Croll Chuột Bằng Javascript

Cố định thanh menu khi cuộn chuột xuống dưới trang hay để đọc bài viết sẽ giúp cho các bạn đọc dễ thao tác hơn khi muốn chuyển sang các chủ đề khác của blog khi muốn chuyển chủ đề. Đồng thời, khi cố định thanh menu khi người dùng croll chuột cũng giúp blog của bạn thêm đẹp, ngầu hơn, dễ sử dụng đối với người dùng hơn.

Thế nên, howktech blog cũng xin chia sẻ các bạn đoạn script bên dưới hỗ trợ một số template có thể dùng bằng script. Tuy nhiên có rất nhiều cách để cố định thanh menu khi croll chuột và đây là một trong số cách đơn giản nhất mà mình đã được starnhanripper chia sẻ, hướng dẫn và muốn chia sẻ lại với các bạn vì cộng đồng blogger phát triển.

Cach Co Đinh Thanh Menu Khi Cuon Chuot Bang javascript

Cách Thực Hiện Cố Định Menu Khi Croll Chuột

Bước 1: Các bạn vào chỉnh sửa HTML
Bước 2: Các bạn copy script dưới đây để vào trong <body></body> và sửa lại dòng chữ tô màu đỏ bằng id menu của bạn nhé.
This is box title
<script type=’text/javascript’>

$(document).ready(function(){

$(&quot;#top-wrap-bsw-menu&quot;).sticky({topSpacing:0,bottomSpacing:495});

});

</script>

Bước 3: Các bạn lưu lại và kiểm tra xem script đã hoạt động chưa
Lưu ý: Có rất nhiều các để cố định thanh menu các bạn nhé, các bạn có thể ghé đọc các bài khác của howktech blog nhé.

Chúc Các Bạn Thành Công

Hãy Ghé Thăm Cái Bài Đăng Khác Của Howktech Nếu Bạn Thích

Theo StarNhanRipper
từ khóa: croll chuột cố định, cố định thanh menu.

2 COMMENTS

LEAVE A REPLY

Please enter your comment!
Please enter your name here