Вырезать часть содержимого src в iframe

Question

Я хочу отображать содержимое страницы на своем веб-сайте с помощью iframe, но я хочу «вырезать» верхнюю (верхнюю) часть страницы, оставив ее панель навигации, чтобы пользователь мог видеть только то, что под ней. это.

Код:

<div id="content">
    <div style="height:800px;">
        <iframe id="optomaFeed" src="http://www.optomausa.com/company/press-releases/" scrolling="auto"
            frameborder="0" height="100%" width="100%"></iframe>
    </div>
</div> 

Как я могу это сделать? Tyvm ~

Answer 1

Я понял, как это сделать, используя атрибут css clip:

<div id="content">
    <div style="height:800px;">
        <iframe id="optomaFeed" src="http://www.optomausa.com/company/press-releases/" scrolling="no"
            frameborder="0" height="100%" width="100%" style="position:absolute; clip:rect(190px,1100px,800px,250px);
            top:-160px; left:-160px;"></iframe>
    </div>
</div>

Answer 2

Если контейнер навигационной панели имеет id, вы можете получить ссылку на него в javascript, а затем вызвать parentNode.removeChild(). Это будет означать, что навигационная панель, вероятно, будет мигать на секунду при каждом изменении страницы в пределах iframe.

Кроме того, вы можете пропустить загрузку iframe через серверный скрипт, который загружает его, вырезает HTML-код для навигационной панели, а затем выводит результат. Это, вероятно, замедлило бы взаимодействие пользователя со страницей, поскольку это означало бы, что все, что эффективно, требует двойной загрузки. Если вы собираетесь использовать этот подход, вам, вероятно, потребуется добавить тег <base>, чтобы не нарушать CSS / JS.