欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  web前端

ie6下Jquery的slideDown()与overflow:auto;冲突_html/css_WEB-ITnose

程序员文章站 2022-04-13 11:07:07
...
本人在做一个下拉菜单的时候,为隐藏的项添加了slideDown()的滑动效果。为外层容器添加overflow:auto;让其超出内容后能够出现滚动条。但是在ie6下却是被隐藏掉的,并没有滚动条的出现。同理的slideToggle()也是如此。
以下是demo
无标题文档
  • 点击
    • show
    • show
    • show
    • show
    • show
    • show
    • show
    • show
    • show
    • show
  • 点击
    • show
    • show
    • show
    • show
    • show
    • show
    • show
    • show
    • show
    • show
  • 点击
    • show
    • show
    • show
    • show
    • show
    • show
    • show
    • show
    • show
    • show
  • 点击
    • show
    • show
    • show
    • show
    • show
    • show
    • show
    • show
    • show
    • show
  • 点击
    • show
    • show
    • show
    • show
    • show
    • show
    • show
    • show
    • show
    • show


本人希望既有slide的滑动效果,又希望ie6能支持滚动条显示,请各位大侠帮忙。谢谢了……


回复讨论(解决方案)

position:relative; 加个试试

position:relative; 加个试试
你好。我给我要显示的容器添加了position属性了。但是还是无法实现效果。

.show {
display:none;
height:100px;
overflow:auto !important;
}

.show {
display:none;
height:100px;
overflow:auto !important;
}
多谢多谢。我添加上去了,ie6果断的ok了。