2015-10-15 2 views
1

Я создал сайт, который прокручивается горизонтально по разделам и реагирует. Проблема в том, что на ios, когда вы переходите ко второму разделу, фиксированный заголовок начинает перемещаться со страницы. Прокрутите вправо еще раз, и он будет двигаться немного больше (почти как если бы отрицательная маржа применялась с каждым разделом)Исправлено Nav при перемещении по ios при горизонтальном прокрутке

Я не знаю, что происходит не так, как будто кажется, что работает нормально, когда я меняю размер браузера просто проблема на iphone.

You can view the problem here

ответ

0

Вы можете удалить ширину: 100vw; в стилях заголовка и заменить на 100%? Я считаю, что некоторые iOS немного ошибаются в этом.

+0

К сожалению, это приводит к тому, что заголовок охватывает все четыре раздела .. и значок меню отображается только в последнем разделе. – maeve

+0

@maeve я вижу ... ладно, может быть, обернуть ограничитель div вокруг контента. скрыть его ширину и переполнение. Это оставит ваш заголовок отдельно от содержимого, позволяя заголовку быть на 100% шириной браузера. http://codepen.io/bajere/pen/zvEJNL –

+0

Спасибо Bajere, но это не работало, заголовок все еще перемещался при скольжении в сторону, а также вызывал проблемы с позиционированием разделов – maeve

Смежные вопросы