onlyonelove
MasterCorporal
Chào ae
Hôm nay mình share mn cách tạo widget cố định (sticky) khi cuộn trang trên Xenforo, mặc dù trên diễn đàn cũng có 1 số bài hướng dẫn nhưng đa phần cũ và hơi thủ công, nên nay mình chia sẻ một cách khác đơn giản hơn để sticky widget là dùng sticky-kit.min.js cực nhẹ chỉ có 2,73KB.
1. Đầu tiên tải về và giải nén file jquery.sticky-kit.min.js đính kèm bên dưới, chép vào folder js/sticky-kit
2. Mở template footer, chèn đoạn code sau vào bên dưới cùng nội dung template:
Các bạn có thể sửa lại canh lề top ở tùy chọn offset_top (px) nếu muốn để phù hợp với giao diện site
3. Tạo widget bằng Widget Framework với cấu trúc như sau:
Update: sử dụng sticky-kit.min nhẹ hơn và chạy ngon hơn
Xong, chúc các bạn thành công!
Hôm nay mình share mn cách tạo widget cố định (sticky) khi cuộn trang trên Xenforo, mặc dù trên diễn đàn cũng có 1 số bài hướng dẫn nhưng đa phần cũ và hơi thủ công, nên nay mình chia sẻ một cách khác đơn giản hơn để sticky widget là dùng sticky-kit.min.js cực nhẹ chỉ có 2,73KB.
1. Đầu tiên tải về và giải nén file jquery.sticky-kit.min.js đính kèm bên dưới, chép vào folder js/sticky-kit
2. Mở template footer, chèn đoạn code sau vào bên dưới cùng nội dung template:
Mã:
<script src="js/sticky-kit/jquery.sticky-kit.min.js"></script>
<script>
$(".stickyside").stick_in_parent({parent:".pageContent", offset_top:35});
</script>
3. Tạo widget bằng Widget Framework với cấu trúc như sau:
Mã:
<div class="stickyside">
Code widget của bạn
</div>
Update: sử dụng sticky-kit.min nhẹ hơn và chạy ngon hơn
Xong, chúc các bạn thành công!
Đính kèm
Sửa lần cuối:
Bài viết liên quan
Được quan tâm
Bài viết mới