Floating chat on the page

Question

Basically, I would like a floating chat on the page like this:

The code for the chatbox is:

<script style="width: 170px;height: 276px;" src="//st.chatango.com/js/gz/emb.js" async="" data-cfasync="false" id="cid0020000093941551878">{"handle":"bloodypalacerpg","arch":"js","styles":{"a":"CC0000","b":100,"c":"FFFFFF","d":"FFFFFF","k":"CC0000","l":"CC0000","m":"CC0000","n":"FFFFFF","p":"11.25","q":"CC0000","r":100,"usricon":1.3,"cnrs":"0.89","fwtickm":1}}</script>

As I wish:

Thanks in advance.

Answer 1

Use position: absolute.

#chat{
   width: 300px;
   height: 300px;
   position: absolute;
   right: 20px;
   bottom: 20px;
}

Answer 2

You can solve this using CSS. With position:fixed; So it always gets visible, even rolling the screen.