解决jquery的.animate()函数在IE6下的问题_jquery
程序员文章站
2022-03-24 23:36:29
...
在项目里面实现左的菜单折叠显示的效果,这个在软件界面里是常见的(本来到网上copy一段代码也就了事了,估计写的比我都好,但学习嘛,就要有学习的精神^^!),
我是用.animate()去实现隐藏展开的,代码如下:
无标题文档
如果这样子的话,在FF,IE7-8,chrome下执行是正常的。可是IE6下无法隐藏left,原因是因为ie6默认内容高宽度超出时,DIV会自动撑开。所以只要给.left{}加个overflow:hidden,问题也就解决~~
PS:本来早上是写个函数把.left里面的内容隐藏掉的,在写博文的时候突然想通了这个原理,还以为是.animate()在IE6下有BUG
我是用.animate()去实现隐藏展开的,代码如下:
复制代码 代码如下:
123
123
如果这样子的话,在FF,IE7-8,chrome下执行是正常的。可是IE6下无法隐藏left,原因是因为ie6默认内容高宽度超出时,DIV会自动撑开。所以只要给.left{}加个overflow:hidden,问题也就解决~~
PS:本来早上是写个函数把.left里面的内容隐藏掉的,在写博文的时候突然想通了这个原理,还以为是.animate()在IE6下有BUG
推荐阅读
-
javascript trim函数在IE下不能用的解决方法_jquery
-
jquery在ie7下选择器的问题导致append失效的解决方法_jquery
-
解决jQuery当中function函数无法构建的问题
-
使用jQuery快速解决input中placeholder值在ie中无法支持的问题
-
JQuery中Ajax的Post提交在IE下中文乱码的解决方法
-
jquery uploadify 在FF下无效的解决办法
-
Jquery $.getJSON 在IE下的缓存问题解决方法
-
用jquery修复在iframe下的页面锚点失效问题
-
jquery submit ie6下失效的原因分析及解决方法
-
完美解决jQuery的hover事件在IE中不停闪动的问题