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

onlyonelove

Thượng Đế
Tham gia
03/11/2015
Bài viết
370
Được Like
212
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

  • jquery.sticky-kit.min.rar
    1.4 KB · Lượt xem: 23
Sửa lần cuối:

hacobi1102

Thượng Đế
Tham gia
10/03/2016
Bài viết
355
Được Like
164
Xenforo 2 tích hợp sticky-kit rồi mà sao mình chèn script element ko chạy được nhỉ
 

Hướng dẫn sử dụng

XenForo 1 XenForo 2
Translate by PVS

Hosting Giá rẻ

hosting free
hosting free
Top Bottom