Как сдивнуть iframe

Как сдивнуть iframe

Некоторые веб-мастера знают о существовании такого замечательного инструмента как iframe: с его помощью можно быстро разместить на своем сайте фрагмент другого сайта с абсолютным сохранением оргигинального форматирования, вида и т.п. Проще говоря, iframe создает окно на вашей странице и в него загружает другой сайт.

Но дело в том, что левый верхний угол сайта всегда совпадает с левый верхним углом окна iframe. Получается, что сторонний контент можно показать только начиная от этого самого угла.

custom-iframe(1)Однако, мало кто знает, что решение есть и выбрать область для этого фрагмента – можно. Собственно, вот так можно задать для iframe смещение на сайте-исходнике. Вот пример решения такой задачи:

<style type = “text/css”>
#block1 {
overflow: hidden;
width: 350px;
height: 250px;
}
</style>
<script type = “text/javascript”>
function f() {
document.getElementById(‘block1’).scrollTop = 200;
document.getElementById(‘block1’).scrollLeft = 50;
}
</script>

<body onload = “f()”>

<div id = “block1”>
<iframe src = “http://edem-v-leto.ru/”  width=”800″ height=”600″ name=”iframe1″ scrolling=”no”></iframe>
</div>

</body>