Имею примерно такую структуру:
<div class='left-sidebar'>
<div class='wrap-scroll'>
<div class='goToTop'></div>
</div>
</div>
.left-sidebar {
position: relative;
float: left;
width: 150px;
left: -150px;
color: #E2E4E6;
padding-bottom: 100px;
border-radius: 5px 0 0 5px;
}
.wrap-scroll {
position: absolute;
width: 150px;
left: 0;
}
.goToTop {
background: url('../img/icons/top.png') no-repeat center 20px;
width: 150px;
height: 100%;
position: fixed;
top: 0;
cursor: pointer;
}
В мозиле и гугле все хорошо, в таком случае fixed по умолчанию позиционируется как его родительский элемент с абсолютным позиционированием, а вот в сафари на компьютере все очень печально, блок fixed уехал куда-то в середину экрана, не понятно почему, сталкивался кто с таким?
Нормальные браузерыСкрин из Safari