| dexteron | 04.05.2012 01:27 |
Автопрокрутка содержимого в iframe
Здравствуйте.
У меня тут возникла одна проблемка, решить которую я не могу :(
На своем сайте я хочу прикрутить отправку смс сообщений на разные номера операторов. Хочу реализовать все это во всплывающих окнах iframe. Прошелся по Гуглу и выбрал FancyBox, которая использует библиотеку JQuery. Все хорошо, при клике на ссылку открывается окно и подгружается сайт оператора, но хотелось бы, чтобы загружаемая страница автоматически прокручивалась на заданное расстояние слева и сверху.
Скриншот прилагаю:
У меня тут возникла одна проблемка, решить которую я не могу :(
На своем сайте я хочу прикрутить отправку смс сообщений на разные номера операторов. Хочу реализовать все это во всплывающих окнах iframe. Прошелся по Гуглу и выбрал FancyBox, которая использует библиотеку JQuery. Все хорошо, при клике на ссылку открывается окно и подгружается сайт оператора, но хотелось бы, чтобы загружаемая страница автоматически прокручивалась на заданное расстояние слева и сверху.
<html>
<head>
<title>fancyBox - Fancy jQuery Lightbox Alternative | Demonstration</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<!-- Add jQuery library -->
<script type="text/javascript" src="../lib/jquery-1.7.2.min.js"></script>
<!-- Add mousewheel plugin (this is optional) -->
<script type="text/javascript" src="../lib/jquery.mousewheel-3.0.6.pack.js"></script>
<!-- Add fancyBox main JS and CSS files -->
<script type="text/javascript" src="../source/jquery.fancybox.js?v=2.0.6"></script>
<link rel="stylesheet" type="text/css" href="../source/jquery.fancybox.css?v=2.0.6" media="screen" />
<!-- Add Button helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="../source/helpers/jquery.fancybox-buttons.css?v=1.0.2" />
<script type="text/javascript" src="../source/helpers/jquery.fancybox-buttons.js?v=1.0.2"></script>
<!-- Add Thumbnail helper (this is optional) -->
<link rel="stylesheet" type="text/css" href="../source/helpers/jquery.fancybox-thumbs.css?v=1.0.2" />
<script type="text/javascript" src="../source/helpers/jquery.fancybox-thumbs.js?v=1.0.2"></script>
<!-- Add Media helper (this is optional) -->
<script type="text/javascript" src="../source/helpers/jquery.fancybox-media.js?v=1.0.0"></script>
<!-- Add other scripts -->
<script type="text/javascript" src="other.js"></script>
</head>
<body>
<ul>
<li><a class="fancybox fancybox.iframe" href="https://sendsms.megafon.ru/">Отправить смс</a></li>
</ul>
</body>
</html>
Скриншот прилагаю: