IE9 jquery 下滑效果问题
所以我有一个 ul 列表，我单击它上面的 div，然后切换它，以便我可以向下/向上滑动列表...但是当我在 IE9 上向下滑动列表时，我在它下面看到这个奇怪的效果：
这发生在 SlideUp 上
我的代码如下所示：
$(".btn").click(function() {
if ($(this).next().is(":visible")){
$(".slide_menu").slideUp("fast");
}else{
$(".slide_menu").slideUp("fast");
}
});
html 如下所示：
<div class="btn">Button</a></div>
<ul class="slide_menu">
<li><a href="http://domain.com">Link</a></li>
</ul>
So i have a ul list where i click a div above it and then i toggle it so i can slidedown/up the list... but when i slidedown the list on IE9 i see this weird effect below it:
this happens on slideUp
my code looks like this:
$(".btn").click(function() {
if ($(this).next().is(":visible")){
$(".slide_menu").slideUp("fast");
}else{
$(".slide_menu").slideUp("fast");
}
});
html looks like this:
<div class="btn">Button</a></div>
<ul class="slide_menu">
<li><a href="http://domain.com">Link</a></li>
</ul>
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（2）
如果您只想在点击时切换它，请尝试此操作。稍微改变一下你的代码，我没有 IE9，因为我在 Mac 上，但这应该可以工作。如果还是不行的话。告诉我，我看看我能做什么！
http://jsfiddle.net/fWJuk/1/
If all you want to do is toggle it on clicks, try this. Altered your code just a bit, I don't have IE9 because I'm on a mac but this should work. If it still doesn't work. Tell me and I'll see what I can do!
http://jsfiddle.net/fWJuk/1/
如果您将
html或body元素的heightcss 样式设置为100%，则删除它可以解决IE9框阴影渲染问题。这对我有用。我知道，IE9 一开始就应该正确地做到这一点。这看起来像是 IE9 的错误。If you have the
heightcss style set at100%for thehtmlor thebodyelement, removing it could solve the IE9 box-shadow rendering issue. This worked for me. I know, IE9 should have done this properly in the first place. This looks like a IE9 bug.