2013-08-27 30 views

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"overflow:hidden tại cùng một lúc :)

+13

Tại sao không 'iframe [scrolling = 'no'] {overflow: hidden; } '? – mattsven

+7

@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 :) –

+7

Tuy nhiên iframe [scrolling = "no"] sẽ không bao giờ bị xóa;) – Westie

Các vấn đề liên quan