Как сдивнуть 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>

Комментарии

blogsiam