tràn: bị ẩn; không hoạt động trên Chrome với IFRAME?

Question

Tôi có một IFRAME với các dòng tràn ẩn trong css và html. Nó hoạt động trong Firefox, nhưng không hoạt động trên Firefox/Safari

Tại sao điều này?

Answer 1

Đúng vậy, làm thế nào về:

<iframe scrolling="no" src="http://www.google.com" width="400px" height="300"></iframe>

như trong scrolling="no"

http://jsfiddle.net/neSBS/

Answer 2

Sử dụng overflow-y: hidden; thì cuộn dọc sẽ bị ẩn.

Answer 3

Sau một nghiên cứu khá lớn tôi đã thực hiện về đề tài này, tôi muốn gửi câu trả lời của tôi, mà tôi đề nghị, có thể là một bổ sung cho câu trả lời Joonas của:

<style> 
    iframe { 
     overflow:hidden; 
    } 
</style> 
(...) 
<iframe scrolling="no" src="http://www.google.com" width="400px" height="300"></iframe> 

Tôi nghĩ rằng, cả hai scrolling và overflow:hidden nên được cung cấp, mặc dù giải pháp này sẽ không hoạt động trong kết hợp giữa loại tài liệu Chrome và HTML5. Thuộc tính scrolling không còn được dùng trong HTML5 và thuộc tính overflow không ảnh hưởng đến iframe trong Chrome. Tôi cho rằng, sau này là một lỗi, vì HTML5 specification nói rõ:

Bên cạnh đó, HTML5 chưa có các thuộc tính presentational rằng trong HTML4 như chức năng của họ được xử lý tốt hơn bằng CSS:
(...)
- thuộc tính nowrap trên td và th.
- thuộc tính quy tắc trên bảng.
- thuộc tính cuộn trên iframe.
- thuộc tính kích thước tính theo giờ.
- nhập thuộc tính trên li và ul.
(...)

Người ta nói rõ ràng - trong HTML5 scrolling nên được thay thế bằng CSS overflow.

Answer 4

Chỉ cần width: 99.99%; đã thực hiện thủ thuật cho tôi.

Tôi gặp sự cố này trong Chrome nhưng không có trong Firefox.

Answer 5

<style> 
    iframe::-webkit-scrollbar { 
    display: none; 
} 
</style> 

Như tìm thấy trên - Safari/Chrome (Webkit) - Cannot hide iframe vertical scrollbar