2010-06-20 9 views
1

IFrame에서 작업하고 있는데 IE7에서 가로 스크롤 막대 만 사용 중지하는 방법을 찾지 못하는 것 같습니다. 수직 스크롤바가 필요하지만 수평 줄을 완전히 비활성화하고 싶습니다. 여기에 IFrame을 설정IE7의 IFrame 스크롤바 문제

체크 아웃 :

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

그러나이 IE7에서 작동하지 않는 것 : Iframe Example

내가 사용하여 다른 브라우저에서 사용할 수 평형 스크롤이있다. 어떤 아이디어?

편집 : 나는 또한 outerpage에서 body 요소에 스크롤 사용할

<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> 

: 나는 이렇게 iframe이 태그에 horizonalscrolling 라인을 넣어 어느 이러한 솔루션의

html { 
overflow-x: hidden; 
} 

가지고 문제를 해결했다.

답변

1

두 가지 접근 방법 :

  • 스크롤 바는 <iframe> 태그의 속성 아니다, 그것은 포함 된 페이지의 속성입니다. iframe에 포함 된 내부 페이지의 <html> 요소에 overflow-x: hidden을 넣으십시오.

  • horizontalscrolling = "no"

    (이 비록 문서에없는)

당신이 iframe 태그에 scrolling = "No"를 사용하여 모든 스크롤바를 숨길 수 있음을주의하는 것이 흥미 롭다.

+0

방금 ​​제안 사항이 업데이트되었지만 여전히 IE 문제를 해결할 수 없습니다. 위를보십시오 - – Thomas

+0

@ 토마스 : 두 접근법을 시도 했습니까? 또한 신체 요소에서 오버플로를 시도하십시오. – Sarfraz

+0

예 - http://designvillain.com/quittance/styles/styles.css – Thomas