Why position fixed doesn't work as expected?

Question

I am doing maintenance of a website which uses bootstrap. The problem is, as I am using "position: fixed" to float an element, but the element which is fixed is scrolling when scrolled.

It should be positioned fixed and doesn't move on scrolling

Following is the link of website I am working: http://grupoinvesta.com.br/teste.html

Answer 1

Remove transform property from body and it will work

body { transform: scale(1.0); }

and remove bottom from .social and add something like top:100px; instead of bottom:600px;

.social { top: 100px; }