Держите div в позиции после прокрутки страницы пользователем

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 поддерживает позицию 20x20 px от нижнего правого угла страницы. Но мой сайт содержит функцию разбиения на страницы «бесконечная страница», и когда полосы прокрутки появляются в окне браузера из-за увеличения содержимого, div не сохраняет свою позицию в правом нижнем углу, а перемещается вверх по странице. Как сделать так, чтобы этот div оставался в правом нижнем углу, даже когда пользователь прокручивает или когда появляются полосы прокрутки? Спасибо

Answer 1

position: fixed;

Это должно сделать

Answer 2

Я столкнулся с подобной проблемой при вызове углового div. На горизонтальной прокрутке вызов оставался на месте, а все остальное двигалось. Убедитесь, что у контейнера div есть следующее свойство:

position: relative;

помогло в моем случае вместе с кодом, похожим на ваш.