Hướng dẫn Cách đơn giản để ghim widget cố định khi scroll chuột - Sticky widget trên sidebar

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:
Mã:
<script src="js/sticky-kit/jquery.sticky-kit.min.js"></script>
<script>
$(".stickyside").stick_in_parent({parent:".pageContent", offset_top:35});
</script>
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:
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:
Back
Top