Невозможно прокрутить на мобильных устройствах <embed> - PullRequest
Новая
       27

Невозможно прокрутить на мобильных устройствах <embed>

0 голосов
/ 03 июля 2019

Чтобы задать этот вопрос, мне нужно дать некоторый контекст и объяснить, почему я бы использовал <embed> вместо iframe для устройств, и это из-за свойства scrollTop внутри iframe, которое ВСЕГДА возвращает 0.

Существует известная проблема на мобильных устройствах ios, таких как iPhone, iPad, где при использовании iframe, если вам когда-нибудь понадобится выполнить какой-либо расчет со значением scrollTop, это невозможно, поскольку оно всегда равно 0.

Теперь я узнал об этом, используя <embed> и вызвав scrollTo (100).Он прокручивается, и я также могу получить scrollTop, и невероятно это 100, а не 0!

Теперь единственная проблема в том, что, независимо от того, что я делаю, я не могу прокрутить HTML-файл для встраивания.

Я запустил локальный сервер узла HTTPS, который я использую в качестве источника iframe / embed для предотвращения ошибок между источниками.

Я попытался использовать 

-webkit-overflow-scrolling: touch;
overflow-y: scroll;

В обоих htmlТело в коде.Только для тела.Но, похоже, ничего не работает.Событие touchmove вызвано, но прокрутка не производится.

Есть идеи, как сделать эту вставку html прокручиваемой?

Вот как я сейчас ее использую: 

<div style="overflow: auto; -webkit-overflow-scrolling: touch;">
    <embed src="https://<MY_LOCALHOST>:3000" width="500" height="500" />
</div>

Любые идеи / подходы были бы очень полезны!

...