@eatmypants

Как прибить шапку к «потолку» через css или javascript на мобильных устройствах?

Проблема заключается в том, что на мобильных устройствах position:fixed отличается от десктопов.
Столкнулся с тем, что идеально шапка прибивается к "потолку" странички на десктопе при прокрутке, но на safari mobile эта шапка остается просто в верху странички.

Пробовал через js все время выставлять position: top для шапки, но на Safari mobile событие внутри .scroll выполняется только после окончания прокрутки.

Пример кода js:
$(window).scroll(function() {
    var posY = $(this).scrollTop();
    $('#box-top').css({
        'top':posY
    });
});
  • Вопрос задан
  • 2522 просмотра
Пригласить эксперта
Ответы на вопрос 1
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы