Cách tạo Sticky Sidebar với jQuery

Cách tạo Sticky Sidebar với jQuery
5 (100%) 5 votes

Có cài này trong web cũng hay hay nếu bạn thích thì làm theo mình hoặc lấy luôn mã nguồn về dùng luôn cũng được :)

Yêu cầu:

Bạn phải biết về css nhất là kiến thức về  thuộc tính position (có 2 giá trị absolute và fixed sẽ được áp dụng trong bài này)

Đầu tiên là thuật toán:

Cách tạo Sticky Sidebar với jQuery
Cách tạo Sticky Sidebar với jQuery

Ta sẽ lấy địa chỉ offset của thanh scroll window so sánh với địa chỉ offset của cái sidebar, nếu mà địa chỉ thanh scroll của windows lớn hơn thì ta sẽ thay đổi thuộc tính position cho cái sidebar, và nếu nhỏ hơn thì lại đưa về position ban đầu.

Sponsored by dotrinh

Download  Free Premium 1200 Japanese Phrase  App for Android

1. Tạo khung html

Ta có cái khung xương của trang:

2. Style CSS

3. Viết jQuery xử lý

rất đơn giản phải không ạ?

Hãy đóng góp ý kiến bằng cách để lại comment!

Enjoy!

DEMO

Các bài viết không xem thì tiếc:

Chia sẻ là sexy

Đô Trịnh

Một lập trình viên vui vẻ, hòa đồng, luôn sống tích cực và anh ấy quay tay khỏe và khéo trong môn bi lắc :)

Bình luận qua khung của website

4 Bình luận trong bài "Cách tạo Sticky Sidebar với jQuery"

Nhận thông báo:
avatar
Sắp xếp theo::   Mới nhất | Cũ nhất | Thích nhiều nhất
du lich sapa
Khách đến chơi nhà

Tìm kiếm trên google và gặp bài viết của bạn |
Bạn cho mình hỏi mình đang dùng blogger | bạn có thể hướng dẫn 1 bài cho blogger chi tiết | để mình và các bạn mới biết về blogg có thêm thủ thuật và kinh nghiệm ko ?
cám ơn bạn

ihuongdan
Khách đến chơi nhà

Cám ơn admin. Bài viết rất có ích. Mình xin phép được chia sẻ lại có được không ạ?

wpDiscuz