[blog]
Tiếp tục chuyên mục dạy thiết kế giao diện blogspot tin tực thì Bài 6 mình hướng dẫn Sticky cho thanh Sidebar bằng CSS.
Thanh Sidebar phải sẽ Cố định khi chúng ta cuộn trang, chỉ dùng CSS không cần phải dùng thư viện JS ngoài nhé.
Đơn giản là các bạn chỉ cần copy css này dán vào trong thẻ <b:skin> và lưu lại là xong
/* Sticky css */
.col-lg-8:before,.cf:after{content:" ";display:table}
.col-lg-8:after{clear:both}
.col-lg-8{*zoom:1}
.col-lg-4{position:-webkit-sticky;position:sticky;top:0}
[/blog]
Tiếp tục chuyên mục dạy thiết kế giao diện blogspot tin tực thì Bài 6 mình hướng dẫn Sticky cho thanh Sidebar bằng CSS.
Thanh Sidebar phải sẽ Cố định khi chúng ta cuộn trang, chỉ dùng CSS không cần phải dùng thư viện JS ngoài nhé.
Đơn giản là các bạn chỉ cần copy css này dán vào trong thẻ <b:skin> và lưu lại là xong
/* Sticky css */
.col-lg-8:before,.cf:after{content:" ";display:table}
.col-lg-8:after{clear:both}
.col-lg-8{*zoom:1}
.col-lg-4{position:-webkit-sticky;position:sticky;top:0}