Как сделать, чтобы iframe показывал содержимое полностью без скролла?

Question

Евгений Уланов @ulanovdesign

Дизайнер

Как сделать, чтобы iframe показывал содержимое полностью без скролла?

Есть iframe в таблице, который показывает блог на моем сайте. Нужно, чтобы iframe показывал "сразу" все содержимое без скролла. То есть, если страница большая, то вертикальный скроллинг должен появляться не у iframe, а у страницы, в которую этот iframe он встроен.

Читал много статей, везде написано, что это суперпросто, но в основном статьи 10-летней давности, почему-то их решения не сработали. Либо не прокатывало, так как мой айфрейм в таблице, и у него не получалось почему-то ее растянуть по-вертикали, хотя обычный контент ее легко тянет.

P. S.
Блог также находится на моем сайте, то есть iframe не обращается к стороннему ресурсу.

Вопрос задан более трёх лет назад
402 просмотра

1 комментарий

Подписаться 1 Простой 1 комментарий

Пригласить эксперта

Ответы на вопрос 1

11 комментариев

Евгений Уланов @ulanovdesign Автор вопроса

у меня не сторонний домен. буду пробовать, о результатах отпишусь, спасибо

Написано более трёх лет назад
Дима Паутов @bootd Куратор тега HTML

Евгений Уланов, если вы на свой же сайт делаете iframe своего сайта, то решение в 1й ссылке или в примере, что я сделал

Написано более трёх лет назад
Евгений Уланов @ulanovdesign Автор вопроса
Дима Турков, такое чувство, что ему мешает таблица. а у меня фрейм именно в таблице, но он ее никак не хочет тянуть
<table> <tr> <td> <iframe src="content.html" id="iFrame"></iframe> </td> </tr> </table>
Написано более трёх лет назад
Дима Паутов @bootd Куратор тега HTML

Евгений Уланов, ваш код мне ничего не даёт. Исходя из ссылок, что я прикрепил, js код должен тянуть фрейм. Вы мне просто html скинули. Смотрите через панель разработчика что происходит с фреймом

Написано более трёх лет назад

Евгений Уланов @ulanovdesign Автор вопроса

Дима Турков,

даже если без таблицы, все равно не работает. возможно я где-то допустил ошибку?

<html>
<head> 
</head>
<body>


<script type="application/javascript">

window.addEventListener('DOMContentLoaded', function(e) {
    var iFrame = document.getElementById('iFrame');
	iFrame.width  = iFrame.contentWindow.document.body.scrollWidth;
	iFrame.height = iFrame.contentWindow.document.body.scrollHeight;
});

</script>


<iframe src="content.html" id="iFrame"></iframe>



</body>
</html>

Написано более трёх лет назад

Дима Паутов @bootd Куратор тега HTML

Евгений Уланов, так в консоли что пишет?

Написано более трёх лет назад
Евгений Уланов @ulanovdesign Автор вопроса

Дима Турков,

Написано более трёх лет назад
Дима Паутов @bootd Куратор тега HTML

Евгений Уланов, Ну, локально, без веб сервера вы не сможете это сделать. Возьмите open server или любой другой и запустите через него ваш сайт, потом приходите

Написано более трёх лет назад
Евгений Уланов @ulanovdesign Автор вопроса

Дима Турков, ок, попробую вечером, отпишусь, спасибо. не знал что нельзя локально запустить

Написано более трёх лет назад
Дима Паутов @bootd Куратор тега HTML

Евгений Уланов, запустить то можете, но браузер вам как раз говорит, что не может определить источник. Т.к. вы используя простые html файлики и не имея сервер, не имеете спец. заголовки для посыла запросов как минимум.

Написано более трёх лет назад
Евгений Уланов @ulanovdesign Автор вопроса

Дима Турков, та же ошибка, даже когда заливаю онлайн. я даже в таблицу не ставил фрейм, все равно не получается

Написано более трёх лет назад

Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации

Похожие вопросы

JavaScript

+1 ещё

Средний
Ошибки со Swiper + GSAP анимацией?
- 1 подписчик
- 2 часа назад
- 13 просмотров
0

ответов
JavaScript

+2 ещё

Простой
Как автоматически подставлять значение в value?
- 1 подписчик
- 9 часов назад
- 112 просмотров
1

ответ
JavaScript

+1 ещё

Сложный
Почему MediaSource не работает?
- 2 подписчика
- вчера
- 117 просмотров
0

ответов
JavaScript

+1 ещё

Простой
Как правильно посылать и получать данные у WebSocket?
- 1 подписчик
- вчера
- 85 просмотров
1

ответ
JavaScript

+1 ещё

Простой
Как подключить Deepl на сайт?
- 2 подписчика
- вчера
- 243 просмотра
1

ответ
JavaScript

Простой
Как получить Get запрос?
- 1 подписчик
- вчера
- 100 просмотров
2

ответа
JavaScript

+3 ещё

Средний
Как открыть ссылки СБП из iframe в Яндекс.Браузер с редиректом на банковское приложение на телефоне Android?
- 2 подписчика
- вчера
- 170 просмотров
1

ответ
JavaScript

Простой
Сравнить элементы массива js и отфильтровать если будет более 3-х дублей одного элемента?
- 1 подписчик
- вчера
- 172 просмотра
1

ответ
HTML

+1 ещё

Простой
Как сделать так ,что бы блок расширялся на всю ширину экрана?
- 1 подписчик
- вчера
- 117 просмотров
1

ответ
JavaScript

Средний
Как динамически изменять цвет контента блока в зависимости от фона?
- 1 подписчик
- 15 мая
- 78 просмотров
1

ответ
Показать ещё Загружается…

JavaScript разработчик

SummerWeb • Ярославль

от 100 000 до 140 000 ₽

JavaScript Developer (backend / fullstack)

Brightdata • Тель-Авив

от 5 500 до 6 500 $

JavaScript FullStack разработчик

Rocket • Брянск

от 60 000 до 100 000 ₽

Доработать проект WPF C#

18 мая 2024, в 00:06

2000 руб./за проект

Разработать логотипа для ресторана в Москве

18 мая 2024, в 00:03

10000 руб./за проект

Предложить и рассчитать фильтр переключателя аудио

17 мая 2024, в 23:44

1000 руб./за проект

Самый первый ответ по ссылке должен сработать:
https://stackoverflow.com/questions/9975810/make-i...

Answer 1 · 2019-05-27 14:36:37

1я ссылка в гуле, год назад опубликована
https://www.google.com/search?q=iframe+height+by+c...

А вообще по умолчанию нельзя так сделать, т.к. iframe нужно явно задавать размеры. iframe смотрит не на сайт внутри. Что бы это сделать, нужно залезть внутрь iframe и через js узнать размер контента, но вот не задача, кросдоменные операции запрещены. И если iframe показывает ссылку на сторонний домен, то у вас не получится узнать размер контента)))

Самый простой пример, в консоли ошибка

Как сделать, чтобы iframe показывал содержимое полностью без скролла?

Войдите, чтобы написать ответ

Минуточку внимания

Войдите на сайт