스크롤 DIV -IE6 버그 내부의 플래시

StackOverflow https://stackoverflow.com/questions/221043

문제

플래시 객체 목록을 포함하는 div가 있습니다. 목록이 길어서 DIV 높이를 400으로 설정하고 오버플로를 자동으로 설정했습니다.

이것은 FF에서는 잘 작동하지만 IE6에서는 눈에 보이는 첫 5 개의 플래시 객체 만 표시됩니다. 아래로 스크롤 할 때 처음 볼 수있는 영역 밖에있는 나머지 플래시 객체는 비어 있습니다. "영화로드되지 않은"을 얻지 못하기 때문에 SWF는 괜찮습니다. 그들은 또한 정확하게 내장 된 것 같습니다. 내용은 결코 그려지지 않습니다.

이것을 고치는 방법에 대한 아이디어가 있습니까?

추신. 관련된 HTML 요소는 주로 이에 영향을 미치는 경우에 떠 다니고 있습니다. 플래시 객체는 인기있는 swfobject를 사용하여 내장됩니다.

편집 : 버그는 플래시 플러그인 "8,0,24,0"에서만 발생하는 것 같습니다.

링크를 게시 할 수 없으므로 여기에 관련 코드를 요약하겠습니다.

<div style="overflow:auto; height:400px; float:left;">
<div id="item_1" style="float:left; clear:left; height:100px;">
<!-- swfObject Embed here -->
</div>
...
<div id="item_7" style="float:left; clear:left; height:100px;">
<!-- swfObject Embed here -->
</div>
</div>

편집 : 별도의 페이지 에서이 문제를 재현하려고 시도한 후에는 버그가 처음에 플래시 객체가 숨겨져있는 것과 어떤 관련이 있음을 발견했습니다. 내 컨테이너 Div에는 "표시 : 없음; 가시성 : 숨겨진"페이지가로드되면 컨테이너가 있습니다. 나중에 스타일은 JavaScript를 통해 표시되도록 변경됩니다. 처음부터 모든 것이 보이도록 페이지를로드하면 모든 것이 정상입니다.

도움이 되었습니까?

해결책 4

나는 이것에 대한 해결책이 있다고 생각합니다. 문제의 페이지가 재구성 되었기 때문에 (이 버그 때문에) 절대적으로 확신 할 수 없습니다. 나중에 나는 다른 페이지의 동일한 플래시 구성 요소로 비슷한 문제를 발견했습니다.

문제는 때때로 플래시가 단계를 제공한다는 것이 었습니다. height = 0 및 stage.width = 0. 이는 브라우저 뷰포트 외부에서 플래시가 시작될 때 발생할 가능성이 높습니다. 스테이지 치수를 사용하여 내용을 스케일링합니다 (이 경우 너비 = 0, 높이 = 0).

솔루션은 스테이지 치수를 확인하고> 0이면 진행되는 OnEnterframe 핸들러를 추가하는 것이 었습니다.

다른 팁

IE6에서 이런 종류의 내용을 테스트 할 때, 내가하는 첫 번째 일은 스타일 정보를 제거하는 것입니다. 부모 div와 어린이 divs의 모든 수레와 청소로 시작하십시오. 그렇지 않은 경우 모든 패딩과 여백을 제거하고 부모 Div와 Children Div에 각각 100%의 폭을냅니다 (높이 100px). 그래도 작동하지 않으면 여기에 다시 게시하십시오. 내가 추측해야한다면 나는 당신의 div가 너비를 가지고 있지 않기 때문에 그것이 말할 것입니다. 그러나 그것은 내가 "peekaboo bug"에 대한 내가 아는 것에 근거한 거친 추측입니다.

내가 시도 할 몇 가지 사항 :

  • 모든 CSS를 일시적으로 제거하여 문제가 CSS에 따른지 여부를 결정합니다.
  • 플로트 요소와 부모 요소에 픽셀 너비를 추가하십시오.
  • wmode Transparent Param을 swfobject에 추가하십시오
  • 위치 추가 : 상대

플래시의 버그에 대해 들었습니다. 플래시가 화면 외부의 일부가있는 플래시가로드되는 경우에만 발생합니다 (예 : Body> #flash {margin-top : -50px}). 당신의 문제는 잠재적으로 그것의 변형 일 수 있습니다.

또는 오버플로로 DIV를 떨어 뜨리고 스크롤 바로 플래시로 컨테이너를 만들고 개별 SWF를 해당 컨테이너 플래시 파일에로드 할 수 있습니다.

이것은 단지 해결 방법이지만 처음에는 플래시 객체 (해당 높이와 너비와 같은)에 대한 자리 표시자를 만들고 영화를 통해서만로드 할 수 있습니다. swfobject) 처음 보이게되면. 이로 인해 일부 문제가 발생할 수 있지만 (예 : 영화가 표시되기 전에 예압하지 않음) 허용 가능할 수 있습니다.

라이센스 : CC-BY-SA ~와 함께 속성
제휴하지 않습니다 StackOverflow
scroll top