Nuboskill
@Nuboskill
Начинающий web developer

Как позиционировать position:fixed в Safari?

Имею примерно такую структуру:
<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
  • Вопрос задан
  • 582 просмотра
Решения вопроса 1
Nuboskill
@Nuboskill Автор вопроса
Начинающий web developer
Если кому интересно, проблему смог решить только css хаком для сафари:
.goToTop{
    -khtml-margin-start: -150px;
}
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 2
mattedev
@mattedev
web developer
лучше код покажи. Куда тыкать
Ответ написан
Uwe_Boll
@Uwe_Boll
Я Злой и Страшный Уве Болл в Разработке знаю Толк
так же как и в седьмом осле
Ответ написан
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы