JQuery的animate的marginTop自增动画在FF下的另类表现
图片中看到,此时的图片又回到了容器初始位置,仿佛没有动过,但是在运行中,其动画现象是如此的,图片先向上滑动到全部看不到,然后图片再下滑,到与底边容器相齐。
再将marginTop更改为 -500,得到下图
不断改变其值,得出的结果是,在FF下,animate的动画marginTop当其内内容向上移动,当移动到容器高度,即此例中的-300范围内时,内容是向上移动的,当大于容器高度,即为此例的-500,-600,则将会先上移300,然后再下移200,,300的高度。
将上述代码中的注释去掉,将margiTop值设置小一些,进行循环,可更详细看出其具体现象。
2012、10.、11
在论坛上提问http://topic.csdn.net/u/20121010/18/91ad7c4f-5c0f-43f4-a851-0801e29a0530.html
showbo给了一个很好的回答,并给了一个详细解决办法的链接firefox块级盒模型相邻的垂直margin会被折叠的问题
我看了一下链接内容,感觉非常的使用,所以就果断的转载了http://blog.csdn.net/qinglinglaoren/article/details/8058888
希望各位也能仔细了解一下这样一个现象。