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

onlyonelove

MasterCorporal
Tham gia
03/11/2015
Bài viết
367
Được Like
213
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

MasterCorporal
Tham gia
10/03/2016
Bài viết
356
Được Like
166
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

Dịch vụ XenForo của VNXF

Mr. Tuấn

Mobile/Zalo: 0988 488 096

Telegram: bluekpro

Email: [email protected]

Nhà Tài Trợ

Mút Xốp Không Gian
pallet Thịnh Phát
Top Bottom