我有一个案例,其中Firefox 3的转换在Firefox中的行为与在Chrome或Safari中的行为不同。该示例可在http://jsfiddle.net/inuwan/StKVQ/1/
找到我有3个实现略有不同,只有第二个(move2)才能在Firefox中正常工作。我有一个div,我正在离开屏幕,然后更改其内容,然后从屏幕右侧将相同的div转换到屏幕中间。
案例1(move1) - 仅适用于Chrome / Safari。 div正确地转移到屏幕外。但是在Firefox中将div转换回屏幕中间时,它不会滑入但只是出现。
在第2种情况下(move2) - 删除了一个css类的代码,以便元素将从屏幕外右侧过渡到情况1中的内联。在案例2中,代码现在已经包含在另一个setTimeout中延迟2秒。现在适用于Firefox,Chrome和Safari。
案例3(move3) - 与案例2相同,但添加了document.body.style.overflowX ='hidden',以便水平滚动条不可见,并在转换div时发生变化。这导致div离开屏幕后转换为不在Firefox中滑动,div只是消失了。
差异背后是否存在推理,或者只是其中一个你需要注意的古怪事物?