Почему не работают функции перемотки контента в iframe, когда весь его контент виден на странице?

Здравствуйте!

Помогите разобраться в следующем вопросе.

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

Пример, как выглядит сам элемент в верстке:
<iframe style="display: block; overflow: hidden; height: 4373px; width: 100%" scrolling="no" src="<URL контента>"></iframe>


Собственно проблемы получаются следующие при таком подходе:
1) В некоторых браузерах не работают переходы по якорям внутри iframe (сама ссылка-якорь также находится в iframe).
2) Функция animate() у jQuery также не проматывает к нужному элементу в iframe.

Если убрать фиксированную высоту элемента, то все начинает работать как и прежде.
То есть явно какая-то проблема в том, что весь контент iframe на виду.

Кто-нибудь может прояснить подобное поведение?
  • Вопрос задан
  • 92 просмотра
Пригласить эксперта
Ответы на вопрос 1
@Davert94 Автор вопроса
Спросив аналогичный вопрос на оригинальном StackOverflow и получил ответ, который совпал с моей теорией.

А именно ответ заключается в том, что документ в iframe является отдельным окном. И как любое окно в браузере - если контент полностью на виду, то и прокручивать не к чему. Это вполне нормальное поведение.

Ссылка на обсуждение: https://stackoverflow.com/questions/55844436/why-a...
Ответ написан
Комментировать
Ваш ответ на вопрос

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

Войти через центр авторизации
Похожие вопросы