Создайте div-чат как facebook один

Question

Вкратце пример Я пытаюсь сделать пример div-чата, чтобы имитировать чат facebook.

Я установил его справа с помощью z-index 300, чтобы он всегда показывался.

Моя проблема связана с высотой, потому что на некоторых страницах у меня есть прокрутка и большой вид высоты, а мой чат div фиксирован на той же высоте оригинальной страницы, если я прокручиваю вверх или прокручиваю вниз. Я ограничиваю высоту своего div.

Интересно, он просто исправлен, чтобы оставаться на странице одним и тем же оригинальным способом, даже прокручивая страницу вверх или вниз.

Мой образец CSS является:

#chat { 
    position: absolute; 
    top: 0; 
    right: 0; 
    float: right; 
    height: 100%; 
    min-height: 100%; 
    width: 200px; 
    background-color: #6e9bfe; 
    z-index: 300; 
} 

Любые советы будут очень полезны, спасибо!

Answer 1

Если я прав, думая, что вы хотите, чтобы этот div оставался в том же положении, что и вы прокручиваете вверх и вниз страницу, которую вы хотите использовать position:fixed;, а не position:absolute; в вашем CSS.

Answer 2

Использование position:fixed; вместо position:absolute;