首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

JQuery的animate的marginTop自增动画在FF上的另类表现

2012-10-21 
JQuery的animate的marginTop自增动画在FF下的另类表现图片中看到,此时的图片又回到了容器初始位置,仿佛没

JQuery的animate的marginTop自增动画在FF下的另类表现

图片中看到,此时的图片又回到了容器初始位置,仿佛没有动过,但是在运行中,其动画现象是如此的,图片先向上滑动到全部看不到,然后图片再下滑,到与底边容器相齐。

再将marginTop更改为 -500,得到下图

JQuery的animate的marginTop自增动画在FF上的另类表现


不断改变其值,得出的结果是,在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


希望各位也能仔细了解一下这样一个现象。

热点排行