html - Create a div chat like a facebook one -

html - Create a div chat like a facebook one -

in brief illustration i'm trying div chat illustration simulate facebook chat.

i fixed on right z-index 300 showed.

my problem height because pages have scroll , big height view , chat div fixed on same original page height, if scroll or scroll downwards limit height of div.

i wonder fixed plenty remain visible on page in same original way scroll page or page down.

my sample css is:

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

any tips helpful, thanks!

if i'm right in thinking want div remain in same position scroll , downwards page want utilize position:fixed; instead of position:absolute; in css.

html css