Мне нужно отобразить полноэкранный модал, содержащий iframe с формой с полями ввода текста.Я уже получил iframe для правильного отображения и прокрутки.
Однако, когда я начинаю печатать в полях ввода, весь iframe прокручивается до самого дна, поэтому вы не видите, что печатаете.на полях.Он прокручивается только тогда, когда вы начинаете печатать, а не в фокусе.
Это происходит в iOS Safari или Chrome, а не на устройствах Android.Также обратите внимание, что проблема не возникает, если я прокручиваю немного вниз, так что поле ввода находится около вертикального центра экрана (то есть в верхней половине экрана), прежде чем нажимать и печатать на поле.
<body>
<!-- some contents -->
<div class="wrapper">
<iframe src="http://iframe.com" />
</div>
</body>
body {
position: fixed; // I only set this to fixed via JS when modal pops-up
}
.wrapper {
-webkit-overflow-scrolling: touch;
position: fixed;
overflow-y: scroll;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
iframe {
width: 100%;
height: 100%;
z-index: 99999;
}
Любая помощь и указатели приветствуются.Спасибо!