javascript - 侧边栏中的移动幻灯片无法按计划工作

Question

什么将是 css 和 javascript 的正确组合以实现侧边栏的滑动

我使用 jquery mobile，但现在只是为了方便

我有 100% 宽度和 1em 边距的内容

如何让侧边栏从右边滑入，同时把内容推到左边。

我尝试使用边栏容器和内容容器，并将 css 设置为向左浮动并相对定位，但这显然不起作用，因为这两个都在 View 中，我松开了 100% 的宽度。

我用它来快速制作动画

var iSidebar = 0;

    function toggleSidebar(){


    if (iSidebar === 0) {
        iSidebar = 1;
        $(".sidebar").animate({
            left: -100
        }, {
            duration: 500
        });
    }
    else {
        iSidebar = 0;
        $(".sidebar").animate({
            left: 0
        }, {
            duration: 500
        });
    }
    }

谢谢

Answer 1

尝试为您想要推送的元素设置动画

if (iSidebar === 0) {
    iSidebar = 1;
    $(".sidebar").animate({
        left: -100
    }, {
        duration: 500
    });
    $(".someContent").animate({
        left: -100
    }, {
        duration: 500
    });
}