2010-06-20 60 views
1

我正在使用IFrame,我似乎無法找出一種方法來禁用IE7中的水平滾動條。我需要垂直滾動條,但我想完全禁用水平條。IE7中的IFrame滾動條問題

退房IFrame的安裝位置:Iframe Example

我在使用其他瀏覽器禁用臥式滾動:

overflow-x: hidden; 
overflow-y: scroll; 

但是,這似乎並沒有在IE7工作。有任何想法嗎?

編輯:我把horizo​​nalscrolling線iframe代碼這樣的:

<script type="text/javascript"> 
     var GB_ANIMATION = true; 
     $(document).ready(function(){ 
     $("a.greybox").click(function(){ 
      var t = this.title || $(this).text() || this.href; 
      horizontalscrolling = "no"; 
      GB_show(t,this.href,560,800); 
      return false; 

     }); 
     }); 
    </script> 

我也被禁止在outerpage滾動體元素:

html { 
overflow-x: hidden; 
} 

這些解決方案都具有解決了這個問題。

回答

1

兩種方法:

  • 滾動條是不是標籤的屬性,那就是它包含了頁面的一個屬性。嘗試將overflow-x: hidden放在iframe中包含的內部頁面的<html>元素上。

  • horizontalscrolling = "no"(這不是在文檔雖然)

這也是有趣的是,你可以通過在iframe標籤使用scrolling = "No"全部隱藏滾動條。

+0

我剛剛更新了你的建議,但我仍然無法解決IE問題。請參閱上文 - – Thomas 2010-06-20 14:58:11

+0

@Thomas:您是否嘗試了兩種方法,還嘗試了body元素的溢出。 – Sarfraz 2010-06-20 15:04:25

+0

是 - http://designvillain.com/quittance/styles/styles.css – Thomas 2010-06-20 15:08:58