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

Question

拥有幻灯片侧边栏的 css 和 javascript 的正确组合是什么

我使用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
        });
    }
    }

谢谢

Answer 1

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

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