2013-08-21 35 views
8

Tôi muốn thêm thanh cuộn vào khung nội tuyến của mình. Dưới đây là mã của tôi.Cách thêm thanh cuộn trong khung nội tuyến

<iframe src="http://www.w3schools.com" width="1349px" height="100%" scrolling="auto"> 

</iframe> 

Tôi đang viết điều này trong Drupal 7. Vấn đề là nó không hiển thị iframe có thanh cuộn và đường viền. Trước đó tôi chỉ đơn giản là thiết lập nguồn mà không có chiều rộng và chiều cao và các tùy chọn cuộn và nó cho thấy iframe với thanh cuộn nhưng sau khi thêm chiều rộng và chiều cao, nó biến mất.

Cảm ơn

+0

Tôi đã thực hiện thay đổi câu trả lời của tôi cho cuộn và biên giới để xuất hiện –

Trả lời

16

scrolling="yes" và cũng frameborder không hợp lệ HTML5 thuộc tính nữa. Chúng không thể được tìm thấy trong danh sách các thuộc tính được phép, xem: W3C: 4.7.6. The iframe element hoặc MDN: <iframe>.

Sử dụng CSS thay vì:

iframe { 
    overflow: scroll; 
    width: 1349px; 
    height: 100%; 
    border: 1px solid black; 
} 

Nhưng trên thực tế tất cả các trình duyệt hiển thị thanh cuộn ngay lập tức nếu cần thiết.

Demo

Try before buy

+0

Nhưng tại sao thanh cuộn ngang này bị tắt ở đây? – bsm

+1

@bsm Có vẻ như nó phổ biến trong tất cả các trình duyệt (tôi đã không kiểm tra IE thực sự) rằng chúng không hiển thị thanh cuộn cho một '