Cố định widget cuối bên sidebar khi scroll và tự động dừng tại chân trang

Cố định widget cuối bên sidebar khi scroll và tự động dừng tại chân trang

Hiện nay code về cố định sidebar widget khi scroll thanh cuộn được chia sẻ trên mạng nhiều lắm, không khó khăn khi tìm kiếm code. Tuy nhiên có một đặc điểm chung về code này thứ nhất là dài và thứ hai không tự dừng tại chân trang (footer) thay vào đó phải đặt độ cao tính từ chân trang lên tới chân widget. Như vậy hơi bất tiện vì khi footer thay đổi độ cao bắt buộc phải điều chỉnh lại độ cao trong code. Thay vào đó các bạn viết đoạn code bằng jquery như thế này nó sẽ tối ưu hơn, các bước thực hiện như sau: Giả sử mình kiểm tra HTML của giao diện hiển thị có dạng sau: Copy <div id = "menu" > ⋯ </div> // Thanh menu đầu trang <div class = "man-wrapper" > // Phần chính của trang <div class = "main" > // Bố cục các bài đăng bên trái <div class = "widget Blog" data-version = "2" id = "Blog1" > ⋯ </div> </div> <div class = "sidebar" > // Bố cục các widget bên phải <div class = "widget PopularPosts" data-ver…