Высота iFrame относительно содержимого источника, чтобы сохранить динамическую высоту - PullRequest
0 голосов
/ 19 февраля 2020

Пожалуйста, извините, если на этот вопрос ответили в другом месте, я не смог найти ответ на свой точный запрос, отсюда и этот пост. У меня есть веб-сайт, созданный в чистом виде HTML и CSS, с использованием Javascript и jQuery для стилевого оформления. Тем не менее, веб-сайт не имеет CMS для серверной части. Это довольно простой веб-сайт.

Однако я использую скрипт PHP для запуска мини-магазина электронной коммерции. Витрина очень проста, в ней есть товары и простая касса. У витрины нет заголовка, нижнего колонтитула или чего-либо еще. И эта витрина полностью расположена в подкаталоге (например, /store/index.php).

Теперь я хочу использовать iFrame, чтобы поместить страницу /store/index.php в тело моей страницы /store.html, так как у него есть связный верхний и нижний колонтитулы, мета-теги и т. д. c.

Когда я вставляю iFrame на страницу html, я делаю ширину 100%, и это нормально, потому что оба html страница и витрина магазина отзывчивы.

Однако, когда я захожу на сайт с помощью мобильного устройства - или - когда я нажимаю на продукт с длинным описанием, исходная страница становится «длиннее», чем высота iFrame, и поэтому появляются полосы прокрутки. , Это проблематично c, потому что теперь на странице есть две полосы прокрутки, и это становится грязным при использовании мобильного устройства.

Есть ли способ, которым высота I и iFrame может быть динамической c, в зависимости от высота страницы, с которой она связана (исходная страница) - не только при загрузке страницы, но на самом деле динамически c в режиме реального времени?

Единственным другим способом будет создание аналогичного заголовка. и нижний колонтитул на витрине магазина, и это будет долгий и сложный процесс, так как и фронтэнд, и витрина магазина были построены с использованием различных CSS листов и c.

Спасибо: -)

1 Ответ

0 голосов
/ 26 февраля 2020

Вы пытались установить размер iFrame по высоте и ширине области просмотра вместо процента? Это сделало бы его более динамичным c, чем сказать width='100%', учитывая, что процент - это любой размер родительского элемента, где vh и vw будут смотреть на размер области просмотра вместо элемента.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...