Блог

Я написал код для отображения текстового файла внутри тега. Дисплей отлично работает на устройствах Android, но на iPhone, когда я пытаюсь прокрутить вниз, дисплей тоже перемещается вбок и возвращается в центральное положение как резиновый эффект. Пробовал все возможные решения предыдущих подобных проблем, но не смог этого сделать.

HTML:

 <div id="dialog2">
<iframe src="documents/agreement.txt" id="dialogframe"></iframe>
</div>
 

CSS:

 div#dialog2
{
    position : relative;
    top : 0px;
    width : 100vw;
    max-width : 100%;
    height : 100%;
    background-color: white;
    overflow : auto;
    white-space : nowrap;
    -webkit-overflow-scrolling: touch;
}
iframe#dialogframe
{
    top : 0px;
    width : 1px;
    min-width : 100%;
    height : 100%;
    border : none;
    left : 0px;
    display : block;
}