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

什么是CSS和javascript的正确组合才能使用Slidein侧栏

我使用jquery mobile，但只是为了方便起见

我的内容是宽度为100％，边距为1em

如何使侧栏从右侧滑动，同时将内容推到左侧。

我尝试使用侧边栏的容器和内容的容器，并将css设置为向左浮动和相对位置，但这显然行不通，因为然后这两个都在视野中，因此我松开了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
        });
    }
    }

谢谢

最佳答案

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

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