2010-05-24 38 views
10

Có vấn đề gây phiền nhiễu trong IE7. Tôi có một trang web, ở dưới cùng của mỗi trang có một khung nội tuyến, và cho cuộc sống của tôi tôi không thể có được các thanh cuộn để ẩn. Đây chỉ là trong IE7, mọi trình duyệt khác mà tôi đã thử nghiệm đều ổn.Khung nội tuyến luôn hiển thị thanh cuộn trong IE7

Tôi có cuộn = "không" và đặt tràn: bị ẩn; vẫn không hoạt động.

Nếu anyones có bất cứ điều gì họ có thể đề nghị tôi sẽ rất biết ơn

http://www.keyscape.co.uk là trang web

Cheers Martin

+0

xem tại đây, tôi nghĩ: http://stackoverflow.com/questions/67354/dreaded-iframe-horizontal-scroll-bar-cant-be-removed-in-ie – OpaCitiZen

Trả lời

7

Hãy thử thiết lập thẻ BODY của nội dung IFRAME để <BODY scroll="no"> và thêm theo dõi CSS trang nội dung:

html 
{ 
    overflow:hidden; 
} 
+0

Cảm ơn bạn đã đề xuất, chưa làm việc mặc dù –

+0

Một điều khác mà tôi đã thực hiện trong quá khứ là đặt chiều rộng và chiều cao của nội dung trong IFRAME và sử dụng vị trí tuyệt đối. Hãy thử điều đó là tốt. –

+0

điều cơ thể là quan trọng cần lưu ý –

17

a dding scroll = "no" vào phần thân của trang mục tiêu iframe của tôi làm việc cho tôi. Tổng cộng, đây là cruft thêm tôi đã thêm vào iframe của tôi cho các trình duyệt khác nhau, có lẽ điều này sẽ giúp người khác:

iFrame nguồn HTML:

<body style="overflow:hidden;" scroll="no"> 

iFrame thẻ trên trang:

<iframe width="280" height="196" src="http://dev.example.com/source.html" 
style="overflow:hidden;" marginheight="0" marginwidth="0" frameborder="0"> 
</iframe> 
+0

Câu trả lời tuyệt vời hoạt động hoàn hảo –

2

Bằng cách sử dụng jQuery từ trang mẹ

<script type="text/javascript"> 
$('#iframeid').contents().find('body').css('overflow', 'hidden'); 
$('#iframeid').contents().find('body').attr('scrolling', 'No'); 
</script> 

sử dụng này, nó sẽ làm việc.

+2

Điều này sẽ không hoạt động nếu trang bạn đang iframing là trên một tên miền khác nhau (lý do bảo mật) –

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