Скроллинг IFRAME'а

@mrBlade · Регистрация: 24.02.2010

Студворк — интернет-сервис помощи студентам

Подскажите пожалуйста, как сделать скроллинг в <iframe> после его загрузки? Ситуация такая: на странице в iframe загружается сайт и после загрузки внутри iframe надо прокрутить его ниже.
Добавляю так:

HTML5
1
<iframe id="iFrame" width="100%" height="950px" onload="здесь должно быть что-то типа this.scrollTo(0,100)"></iframe>

Src у фрейма задаётся и меняется в функции JavaScript. Пробовал разные варианты, ничего не получается. Вызов функции вместо прямого кода вообще не работает (то есть нельзя писать <iframe ... onload="frameLoaded(this)"...>). Если сделать alert(this) в onload, то выдаётся объект HTMLIFrameElement. Докопаться смог только до this.contentDocument (объект Document), дальше до body не пускает из-за безопасности.

Добавлено через 6 часов 27 минут
Вопрос остаётся открытым. Есть хотя бы какие-нибудь идеи? Должен же быть способ прокрутить этот фрейм...

@ostgals · 25.02.2010, 11:31

Доступ к документу фрейма ограничен, если в фрейм загружена страница из другого домена. С локальными страницами проблем нет.

Вот один из возможных вариантов (проверено в IE8, O10, FF3.5):

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
<html><head>
 
    <script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
 
</head><body>
 
    <iframe name="frame" id="frame" style="width: 200px; height: 200px;" scrolling="auto"></iframe>
 
     <ul>
        <li><a target="frame" href="local.htm">Link 1</a></li>            <!-- будет работать, если файл существует -->
        <li><a target="frame" href="http://bash.org.ru/">Link 2</a></li>  <!-- не будет работать - чужой домен -->
    </ul>
    
    <script type="text/javascript">
        $('#frame').load(function () { $(this).get(0).contentWindow.scrollTo(0, 200); });
    </script>
 
</body></html>

Добавлено через 2 минуты
Если хотите, чтобы работало с другими доменами, используйте ajax и загружайте полученное с другого сайта содержимое в обычный div с включенной прокруткой.

Новые блоги и статьи Все статьи Все блоги /
Контроль заполнения и очистка дат в зависимости от значения перечислений Maks 12.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: реализовать контроль корректности заполнения дат назначения. . .	Архитектура слоя интернета для сервера-слоя. Hrethgir 11.04.2026 В продолжение https:/ / www. cyberforum. ru/ blogs/ 223907/ 10860. html Знаешь что я подумал? Раз мы все источники пишем в голове ветки, то ничего не мешает добавить в голову такой источник, который сам. . .	Подстановка значения реквизита справочника в табличную часть документа Maks 10.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "ПланированиеПерсонала", разработанного в конфигурации КА2. Задача: при выборе сотрудника (справочник Сотрудники) в ТЧ документа. . .	Очистка реквизитов документа при копировании Maks 09.04.2026 Алгоритм из решения ниже применим как для типовых, так и для нетиповых документов на самых различных конфигурациях. Задача: при копировании документа очищать определенные реквизиты и табличную. . .
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ