Итак, на данный момент я занимаюсь тестированием на iPhone и iPad и замечаю очень раздражающую ошибку в отношении прокрутки. Так что на данный момент у меня есть основной страницы так:Отключить прокрутку на iPad, iPhone, когда активна фиксированная позиция div
<body>
<div>
Content of my website...
<button>This button uses jQuery to add a class to the fixed-form div</button>
</div>
<div class="fixed-form">
<form>
</form>
</div>
</body>
Это очень простой HTML пример, который показывает свою основную область содержимого внутри тела, однако я также есть DIV называется fixed-form
, когда кнопка нажата область содержимого этого добавляет класс со следующим моделированием на fixed-form
DIV:
z-index:0;
color:#fff;
position: fixed;
height: 100% !important;
overflow-y:auto;
-webkit-overflow-scrolling: touch;
overflow-x:hidden;
top:0;
width:100%;
z-index:999 !important;
в fixed-form
ДИВ затем закрывает окно просмотра. Проблема в том, что контент/тело за fixed-form
все еще прокручивается, а элементы по-прежнему доступны для кликов. Разумеется, z-index остановил бы это, но это не так. Любая идея, почему это может произойти? Я просто хотел бы полностью отключить весь контент, который не является отключенным div от fixed-form
, от прокрутки и кликабельности.
UPDATE: Пока я попытался добавить переполнение: скрытый до содержимого div, однако это останавливает горизонтальную прокрутку, но не влияет на проблему с вертикальной прокруткой.
Благодаря