jQuery UI,滑出一个Div,滑入Next

时间:2012-07-18 16:28:42

标签: javascript jquery jquery-ui

我目前有一个布局,有两个主要的div,都必须是全宽和高度,但显然你一次只能看到一个。

在两者之间进行交换时,我想要一个很好的转换,而不是简单的淡入/显示。

我试过这样做,所以一个div在另一个Div滑入的同时滑出,但是由于定位和布局,一个div被迫在下一个div。

显示问题的图片: enter image description here

enter image description here

这是一个显示问题的小提琴: http://jsfiddle.net/bazzlad/spbyk/1/

1 个答案:

答案 0 :(得分:4)

变化:

#test {
    background: #fff;
    height: 100%;
    display: none;

}

为:

#test {
    background: #fff;
    width: 100%;
    height: 100%;
    display: none;
    position: absolute;
}

JsFiddle http://jsfiddle.net/spbyk/3/

享受并祝你好运!