Witam, wpisałem na swoją stronę mapkę google, wszystko było dobrze do czasu, gdy nie zwiększyłem wysokości "body". Mapka zamiast być na samym dole strony, zmienia położenie przy przewijaniu strony w dół i w górę.
body {
background-color: #ffffff;
margin: 0;
font-family: 'Amatic SC', cursive;
height: 1400px;
}
#mapa{
position: fixed;
top: 725px;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
}
<div id="mapa">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d7840.638306538206!2d15.946117737604544!3d54.250253113089265!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x47003028bc1e082b%3A0x6163a02f1d9a70fb!2sSarbinowo!5e0!3m2!1spl!2spl!4v1469807176187" width="400" height="400" frameborder="0" style="border:0" allowfullscreen></iframe></div>