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

[onlyonelove]

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:

<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:

<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!

 

[onlyonelove]

update js mới nhẹ hơn chỉ có 2,73KB

 

[hoanghuutai39]

update js mới nhẹ hơn chỉ có 2,73KB

Có dùng được cho xenforo v2 ko bạn

 

[onlyonelove]

Có dùng được cho xenforo v2 ko bạn

được nhé

 

[hoanghuutai39]

được nhé

Bạn ơi, mình không tìm được template footer trong xenforo 2, hình như không có @@

 

[onlyonelove]

trên xf2 thì vào template helper_js_global

 

[hacobi1102]

Xenforo 2 tích hợp sticky-kit rồi mà sao mình chèn script element ko chạy được nhỉ

 

[thahtrung06]

Đã làm thành công theo một kiểu gần giống như trên mà không phải dùng tới Addon Widget Framework. Demo: https://vnthongtin.com/threads/huong-dan-goi-skype-lay-confirmation-id-key-vl.32/