IE8中Jquery slideUp、slideDown方法由Position属性引起的Bug

最新推荐文章于 2021-09-28 11:11:23 发布
原创 最新推荐文章于 2021-09-28 11:11:23 发布 · 2k 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#ie #slideDown #slideUp #bug

本文探讨了在IE8浏览器中使用jQuery的slideDown()方法显示隐藏元素时遇到的问题，分析了原因在于存在position:absolute或position:relative定位的层导致滑动过程中的延迟显示，并提供了解决方案，即在需要绝对和相对定位的地方使用animate方法来替代slideDown()实现所需效果。

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

问题描述

今天发现在IE8中，用slideDown()显示一个隐藏的元素没有显示出来。

原因

在需要slide的层中，如果存在position:absolute 或 position:relative 定位的层，在IE下，滑动过程中这些层不会随之显示和隐藏，效果动作完成之后，这些层才会一次性隐藏。见：http://sxlkk.iteye.com/blog/2022690

解决方法

在其中使用绝对和相对定位的地方使用animate方法来实现slideDown()的效果。

如：ulObj.animate({height: 'toggle', opacity: 'toggle'}, speed)



jQuery学习笔记
丑小鸭变黑天鹅的博客
03-02 1389
jQuery学习笔记一、初识jQuery1、是什么？2、为什么使用？3、如何使用二、jQuery的使用1、jQuery函数 ：$ / jQuery2、jQuery函数的使用1、核心函数2、核心对象3、使用jQuery核心函数1、选择器2、基本选择器3、层次选择器4、过滤选择器5、常见效果-表格隔行变色6、表单选择器4、工具方法5、常见效果-多Tab点击切换6、 一、初识jQuery 1、是什么？ 一个JS函数库: write less, do more 封装简化DOM操作(CRUD) / Ajax 2、为什
jquery的slideUp、slideDown函数在IE中的bug
fly2004jun的专栏
07-09 5319
jquery的slideUp、slideDown、slideToggle等涉及滑动效果的一系列函数，在IE浏览器下有几处bug 原文出处 jquery的slideUp、slideDown、slideToggle等涉及滑动效果的一系列函数，在IE浏览器下有几处bug： 1. 因position引起的问题 影响：IE全系列 症状：在需要slide的层中，如果存在posi
Slide图片轮播02-兼容IE8和Chrome浏览器
zyytaiyame的博客
12-23 509
在线测试打包下载 Slide图片轮播02-兼容IE8和Chrome浏览器
把slideDown还给IE7—解决IE中slideDown动画出错问题
nick848的专栏
02-07 2012
再次碰到了IE中这个让人头疼的BUG，记得之前有分享过一篇博客，也是网上搜索到的一些解决方案，其实没能真正的解决问题，只不过是绕过了这块绊脚石，果然，今天还是又碰到了。以下都拿slideDown作例子，slideUp同样操作。         两种情况：1. slideDown 下拉动画变形，最终定格时正常。     2. slideDown 下拉动画正常，最终定格时消失。
jquery选择器 — 浏览器兼容ie8定位问题
weixin_33962923的博客
05-29 314
今天遇到一个问题： <input type="text" id="valCurrent" value="当前"></input> <input type="text"value="第一"/> <input type="text" value="第二"/> <input type="text" value="第三"/> ...
Jquery中在slideUp等动画后设置css()可能无效的原因
落日夕霞的博客
10-18 2416
Jquery中在slideUp等动画后设置css()可能无效的原因
JQuery 1.3 中文参考手册
03-14
核心 jQuery 核心函数 jQuery(expr, [context]) jQuery(html, [ownerDoc]) jQuery(elements) jQuery(callback) jQuery 对象访问 each(callback) size() length selector ...提交bug及获取更新
Jquery 1.3 简体中文手册
04-22
核心 jQuery 核心函数 jQuery(expr, [context]) jQuery(html, [ownerDoc]) jQuery(elements) jQuery(callback) jQuery 对象访问 each(callback) size() length selector ...提交bug及获取更新
slideDown()，slideUp()在IE无效果
种德养心
12-10 1193
if ($.browser.mozilla) {    //火狐下用    //slideDown(),slideUp() } else {   //其它浏览器改为：   //show('fast'),hide('fast') }   两者的效果区别： slideDown() / slideUp() 上下渐现show("fast") / hide("fast") 斜向渐
解决JQuery的 slideDown()函数导致ie6的overflow失效的个人解决办法。
qinglinglaoren的专栏
05-02 2859
我在写下拉菜单的时候，用到了slideDown()的下拉效果。 贴出代码比较直观一些。 无标题文档 ul,li { padding:0; margin:0; } ul { list-style:none; } #out { width:300px; height:400px; border:solid 1px #999; overflow:aut
DataTables在IE8下报'style' 为空或不是对象错误问题 ， SCRIPT5007: 无法获取未定义或 null 引用的属性“style”
江湖的博客
08-06 5346
  网页错误详细信息： 消息: 'style' 为空或不是对象 行: 5570 字符: 5 代码: 0 检查后才发现，问题在于数组最后多了一个“，”，会造成Table列数计算时多了一列。在chrome和firefox下测试都正常，但在IE8下会出现此问题。     转载：https://blog.youkuaiyun.com/popper_di/article/details/78707762...
jquery的slideUp、slideDown在IE中的闪动bug-完美解决
鬼烧java
02-26 535
        最近用到了jquery的一个收缩特效，但是发现有个bug，就是slideUp的时候隐藏完毕会闪动一下，这个在IE下是有问题的，谷歌火狐没问题，这个网上搜索了很多资料，很多都说没有增加html 的w3c说明之类的，其实加上也是白搭的        这个特效产生闪动的bug原因是：由于容器使用了position的relative或者absolute导致，当然我们不用这个属性在布局的...
jquery slideUp出现滑动效果停滞的问题
iteye_13425的博客
11-08 693
  &lt;div class="w-cnt-contain"&gt; &lt;div class="w-cnt" id="&lt;?php echo $rand_string;?&gt;"&gt; &lt;div class="m_table m_table_mybiz_widget" id="m_table_mybiz_widget&qu
转：遇到jQuery 中的 slideUp ，slideToggle和 slideDown 动画重复执行
智行天下
12-12 2135
jQuery 可以通过调用 animate 方法添加动画效果, 而且还提供了一套别名, 使用起来很是方便. 其中 slideDown和 slideUp 两方法的作用是纵向展开和卷起一个页面元素, 被使用的几率很高, 却一直存在一个小问题.如果目标元素是被外部事件驱动, 当鼠标快速地连续触发外部元素事件, 动画会滞后的反复执行, 相当不美观 演示页面中有一个按钮, 请用鼠标迅速地来回划过…如果用 j
使用slideDown和slideUp做二级菜单时遇到的bug解决方法
Hfeidz的博客
09-28 307
处理导航时会遇到鼠标迅速移上去，迅速移开，然后就会发现，下来菜单逐渐消失，最后移上去的时甚至是不显示了。 只要将里面的第一个stop()改为stop(true,true).第二个stop()去掉即可。或者在第二个里面加上stop(true,true),第一个去掉。 或者使用这样子的函数：把第一个stop()改为filter(’:not(:animated)’).同样的第二个也不需要添加stop(). 这里面涉及到的其实就是一个动画的stop();函数 stop() 方法停止当前正在运行的动画。 $(sele
jquery slideDown slideUp 对于table无效
weixin_33910137的博客
11-29 280
jquery slideDown slideUp 对于table无效，需要在table外面套一层div才可以使用 转载于:https://www.cnblogs.com/tfiremeteor/p/jquery.html
用原生javascript写出jquery中slideUp和slideDown效果
05-26
下面是一个使用原生 JavaScript 实现 jQuery 中 slideUp 和 slideDown 效果的示例： HTML 代码： ```html <button id="btn">Toggle ; background-color: yellow;">Content ``` JavaScript 代码： ```javascript ...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值