Некоторые веб-мастера знают о существовании такого замечательного инструмента как iframe: с его помощью можно быстро разместить на своем сайте фрагмент другого сайта с абсолютным сохранением оргигинального форматирования, вида и т.п. Проще говоря, iframe создает окно на вашей странице и в него загружает другой сайт.
Но дело в том, что левый верхний угол сайта всегда совпадает с левый верхним углом окна iframe. Получается, что сторонний контент можно показать только начиная от этого самого угла.
Однако, мало кто знает, что решение есть и выбрать область для этого фрагмента – можно. Собственно, вот так можно задать для 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 = “ width=”800″ height=”600″ name=”iframe1″ scrolling=”no”></iframe>
</div></body>