Cắt bỏ một số nội dung src của iframe

Question

Tôi muốn hiển thị nội dung của trang trong trang web của tôi bằng iframe, nhưng tôi muốn "cắt" phần đầu trang (trên cùng) của trang, bỏ thanh điều hướng của trang người dùng chỉ có thể xem nội dung bên dưới nó.

Code:

<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> 

một số cách tôi có thể đi về việc này là gì? Tyvm ~

Answer 1

tôi đã tìm ra cách để làm điều đó bằng css clip thuộc tính:

<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

Nếu vùng chứa thanh điều hướng có số id, bạn có thể tham chiếu đến nó trong javascript, sau đó gọi parentNode.removeChild() trên đó. Điều này có nghĩa là thanh điều hướng có thể sẽ nhấp nháy trong giây lát mỗi lần trang được thay đổi trong khung nội tuyến.

Hoặc, bạn có thể chuyển tải khung nội tuyến thông qua tập lệnh phía máy chủ để tải nó, loại bỏ HTML cho thanh điều hướng, sau đó xuất kết quả. Điều này có thể làm chậm sự tương tác của người dùng với trang, vì nó có nghĩa là mọi thứ có hiệu quả cần tải hai lần. Nếu bạn đang đi để có cách tiếp cận này, bạn có lẽ sẽ cần phải thêm một thẻ <base> vì vậy bạn không phá vỡ CSS/JS.