Giữ div ở vị trí sau khi cuộn trang người dùng

Question

#div1 { 
    background: #ffffff; 
    padding: 6px; 
    color:#333; 
    font:normal 10px Arial, Helvetica, sans-serif; 
    text-decoration: none; 
    text-transform: uppercase; 
    position: absolute; 
    bottom: 20px; 
    right: 20px; 
} 

Div này duy trì vị trí 20x20 px từ góc dưới bên phải của trang. Nhưng trang web của tôi chứa tính năng phân trang "trang vô tận" và khi thanh cuộn xuất hiện trên cửa sổ trình duyệt vì nội dung tăng lên, div không duy trì vị trí của nó ở góc dưới cùng bên phải mà là di chuyển lên trên trang. Làm thế nào tôi có thể nhận được div này ở lại góc dưới bên phải ngay cả khi người dùng cuộn hoặc khi thanh cuộn xuất hiện? Cảm ơn

Answer 1

position: fixed; 

này nên làm điều đó

Answer 2

Tôi chạy vào một vấn đề tương tự với một góc div gọi ra. Trên một cuộn ngang, các cuộc gọi ra vẫn đặt trong khi mọi thứ khác di chuyển. Đảm bảo div vùng chứa có thuộc tính sau:

position: relative; 

đã giúp trong trường hợp của tôi, cùng với mã tương tự với mã của bạn.