고정 위치 지정 div가 FireFox에서 스크롤하는 동안 측면으로 이동, 다른 브라우저에서 정상적으로 작동합니다.

Question

동일한 레이아웃을 가진 내 사이트에 2 페이지가 있습니다. 각 페이지에는 오른쪽 사이드 바에 div가 있습니다. jquery가 변경되면 페이지를 아래로 스크롤 할 때 클래스가 변경됩니다.

FF의 페이지 중 하나에서 이상한 동작이 나타났습니다.

이 페이지에서 http://bit.ly/QDhrz8 아래로 스크롤하기 시작하면 오른쪽 사이드 바의 div가 Firefox에서만 오른쪽으로 이동합니다. Chrome과 IE는 의도 한대로 작동합니다.

다른 페이지에서 http://bit.ly/RLZ4ZK 스크롤 div에서 오른쪽으로 이동하지 않고 그대로 작동하며 FireFox, Chrome, IE에서 문제없이 동일한 방식으로 작동합니다.

두 페이지 모두 동일한 레이아웃, CSS 및 Java 코드를 사용합니다.

div가이 페이지에서 Firefox의 http://bit.ly/QDhrz8으로 점프하게되는 원인은 무엇입니까?

Answer 1

이런 일이 왜 말할 수 없다,하지만 난 당신이 줄을 변경하여 "점프"효과를 제거 할 수 있음을 발견 : 이것에

<td width="664" valign="top" class="content2"> 

:

<td valign="top" class="content2"> 

I을 HTML에서 설정 한 너비가 어떻게 든 padding과 충돌한다고 생각합니다. 그러나 실제로 그것이 진정한 이유라고 말할 수는 없지만, 적어도 위의 수정은 FF로 문제를 해결하는 것 같습니다.