2

我正在尝试制作一个从左侧滑入的菜单，并将其他所有内容推到画布上 70%。当此操作适用时，我还想删除滚动。

如果我使用 jQuery 在具有溢出：隐藏的包装容器上切换类，则 css 转换效果不起作用（在 IE10 中除外，它实际上可以工作）。

这是一个非常简单的例子：jsfiddle

$('button').click(function () {
    $('#wrapper').toggleClass('hidden');
    $('#test').toggleClass('test');
    return false;
});

.hidden {
    overflow:hidden;
}
#test {
    position: absolute;
    left:-50px;
    transition: left 1s;
}
#test.test {
    left:100px;
}

如果我删除该$('#wrapper').toggleClass('hidden');行，它会起作用。

有什么建议么？

4

1 回答 1

0

您应该添加 display:none 而不是 visibility

.hidden {
    display:none
}
于 2013-04-15T07:24:53.743 回答