Khi nói đến HTML5, thuộc tính cuộn không còn được hỗ trợ - nhưng tôi vẫn cần xóa các thanh cuộn - cách thực hiện?HTML5: Iframe Không cuộn?
39
A
Trả lời
47
Trong HTML5 không có thuộc tính cuộn vì "chức năng của nó được xử lý tốt hơn bằng CSS", hãy xem http://www.w3.org/TR/html5-diff/ để biết các thay đổi khác. Vâng và giải pháp CSS:
giải pháp CSS:
HTML4 của scrolling="no"
là loại bí danh của CSS của overflow: hidden
, làm như vậy, điều quan trọng để thiết lập kích thước là thuộc tính width/height:
iframe.noScrolling{
width: 250px; /*or any other size*/
height: 300px; /*or any other size*/
overflow: hidden;
}
Thêm lớp này để iframe của bạn và bạn đã hoàn tất:
<iframe src="http://www.example.com/" class="noScrolling"></iframe>
! LƯU Ý QUAN TRỌNG ! :overflow: hidden
cho không được hỗ trợ đầy đủ của tất cả các trình duyệt hiện đại chưa (thậm chí chrome không hỗ trợ nó chưa) nên bây giờ() nó vẫn còn tốt hơn để sử dụng chuyển tiếp phiên bản và sử dụng scrolling="no"
và overflow:hidden
tại cùng một lúc :)
Các vấn đề liên quan
- 1. iframe cuộn trên iphone
- 2. Ẩn thanh cuộn ngang trên iframe?
- 3. iframe 100% height gây ra thanh cuộn dọc
- 4. iPhone HTML5 App cuộn Câu hỏi
- 5. cuộn/trượt nền trong html5 canvas
- 6. Các thuộc tính hộp cát iframe HTML5 có vấn đề
- 7. thay thế cho khung trong html5 sử dụng iframe
- 8. Thực hiện HTML5/Javascript Trong An iFrame An toàn
- 9. Cuộn lên đầu khung chính trên thay đổi iframe?
- 10. iFrame 100% chiều cao khiến thanh cuộn dọc
- 11. Cách tránh các neo trong iframe để cuộn trang gốc
- 12. jQuery cuộn lên đầu của iframe cha mẹ
- 13. Làm cách nào để vô hiệu hóa cuộn khi chạm vào iframe "chạm"?
- 14. iframe hoạt động như thế nào trong HTML5 mà không có thuộc tính hộp cát?
- 15. Bạn không thể xóa thanh cuộn ngang trong iframe trong IE?
- 16. Cuộn trong khi sử dụng kéo và thả html5
- 17. Tạo iframe lấy không gian dọc
- 18. Phát video html5 bằng cách cuộn bằng bánh xe chuột
- 19. Iframe không hoạt động
- 20. iFrame không tải URL
- 21. Fullsize IFrame trong firefox?
- 22. Nội dung khung nội tuyến không hiển thị trong cuộn Trong iO5 iPad/iPhone
- 23. Youtube iframe nhúng: buộc Flash?
- 24. Phát hiện hỗ trợ cho thuộc tính hộp cát iframe HTML5
- 25. Qt với HTML5 hoặc không có HTML5
- 26. JQuery $ ('iframe'). Sẵn sàng tại sao không hoạt động?
- 27. iframe
- 28. iframe trên iOS (iPad) vấn đề cắt xén nội dung
- 29. Kiểm soát vị trí cuộn cho khung mẹ của ứng dụng Facebook iFrame
- 30. Hiệu ứng cuộn ảnh trên iPhone trong chế độ tăng tốc iFrame/Javascript
Tại sao không 'iframe [scrolling = 'no'] {overflow: hidden; } '? – mattsven
@mattcurtis Vì bộ chọn thuộc tính được hỗ trợ từ CSS2 - nó cũng là một giải pháp :) - ** nhưng hãy nhớ ** di chuyển = "không" sẽ bị xóa vào một ngày nào đó - do đó lớp có nhiều góc nhìn hơn :) –
Tuy nhiên iframe [scrolling = "no"] sẽ không bao giờ bị xóa;) – Westie