Jquery 从右向左滑动多个div

我希望我的div具有从右到左的滑动效果，我应该在CSS和JS文件中更改什么

我试过了，但没用

$('#slider-container').animate({scrollRight:"-="-slideW}, 600);

这是具有从左到右滑动效果的原始代码

$（文档）.ready（函数（e）{
var slideW=$（“#滑块容器”）.width（）；
$（'.slide'）。单击（函数（e）{
e、 预防默认值（）；
$（“#滑块容器”）.animate（{scrollLeft:+=“+slideW}，600）；
if（$（'#滑块容器'）.next（）==0）{
$（“#滑块容器”）.first（）.animate（{scrollLeft:+=“+slideW}，600）；
}
});
});
正文{
填充：0；
保证金：0；
}
#滑块容器{
位置：相对位置；
溢出：隐藏；
保证金：0自动；
背景：#cf5；
宽度：100%；
高度：850px；
空白：nowrap；
}
#滑块容器分区{
位置：相对位置；
显示：内联块；
右边距：-4px；
空白：正常；
垂直对齐：顶部；
*显示：内联；
背景：#eee；
宽度：100%；
高度：850px；
}

标题
这是桌面1

这是桌面2
这是桌面3
这是桌面4
我现在不太擅长javascript，但是你可以用CSS创建同样的效果。可以制作关键帧并将动画添加到要设置动画的元素类中

例如：



@keyframes moveInLeft {
    0% {
        transform: translateX(-100px);
    }
    80% {
        transform: translateX(10px); 
    }
    100% {
        transform: translate(0); 
    }
}



玩转px，你肯定会得到同样的结果，你也可以添加不透明的某些百分比值，以创造更酷的效果。
希望这有点帮助
我现在不太擅长javascript，但是你可以用CSS创建同样的效果。可以制作关键帧并将动画添加到要设置动画的元素类中

例如：



@keyframes moveInLeft {
    0% {
        transform: translateX(-100px);
    }
    80% {
        transform: translateX(10px); 
    }
    100% {
        transform: translate(0); 
    }
}



玩转px，你肯定会得到同样的结果，你也可以添加不透明的某些百分比值，以创造更酷的效果。
希望这有点帮助
您将“+=”切换为“-=”是正确的，但是您需要使用scrollLeft，如果您在第一张幻灯片上，则没有“left”可转到

这不是一个非常优雅的解决方案，但我添加了一些导航控件和另一个处理左右滚动的功能


$（文档）.ready（函数（e）{
var slideW=$（“#滑块容器”）.width（）；
$（“#右”）。单击（函数（e）{
e、 预防默认值（）；
$（“#滑块容器”）.animate（{scrollLeft:+=“+slideW}，600）；
if（$（'#滑块容器'）.next（）==0）{
$（“#滑块容器”）.first（）.animate（{scrollLeft:+=“+slideW}，600）；
}  
});
$（“#左”）。单击（函数（e）{
e、 预防默认值（）；
$（“#滑块容器”）.animate（{scrollLeft:“-=”+slideW}，600）；
if（$（'#滑块容器'）.next（）==0）{
$（“#滑块容器”）.first（）.animate（{scrollLeft:+=“+slideW}，600）；
}
});
});
正文{
填充：0；
保证金：0；
}
#滑块容器{
位置：相对位置；
溢出：隐藏；
保证金：0自动；
背景：#cf5；
宽度：100%；
高度：150像素；
空白：nowrap；
}
#滑块容器分区{
位置：相对位置；
显示：内联块；
右边距：-4px；
空白：正常；
垂直对齐：顶部；
*显示：内联；
背景：#eee；
宽度：100%；
身高：100%；
}
.管制组{
显示：内联块；
}

标题
这是桌面1

这是桌面2
这是桌面3
这是桌面4
您将“+=”切换为“-=”是正确的，但您需要使用scrollLeft，如果您在第一张幻灯片上，则没有“left”可转到

这不是一个非常优雅的解决方案，但我添加了一些导航控件和另一个处理左右滚动的功能


$（文档）.ready（函数（e）{
var slideW=$（“#滑块容器”）.width（）；
$（“#右”）。单击（函数（e）{
e、 预防默认值（）；
$（“#滑块容器”）.animate（{scrollLeft:+=“+slideW}，600）；
if（$（'#滑块容器'）.next（）==0）{
$（“#滑块容器”）.first（）.animate（{scrollLeft:+=“+slideW}，600）；
}  
});
$（“#左”）。单击（函数（e）{
e、 预防默认值（）；
$（“#滑块容器”）.animate（{scrollLeft:“-=”+slideW}，600）；
if（$（'#滑块容器'）.next（）==0）{
$（“#滑块容器”）.first（）.animate（{scrollLeft:+=“+slideW}，600）；
}
});
});
正文{
填充：0；
保证金：0；
}
#滑块容器{
位置：相对位置；
溢出：隐藏；
保证金：0自动；
背景：#cf5；
宽度：100%；
高度：150像素；
空白：nowrap；
}
#滑块容器分区{
位置：相对位置；
显示：内联块；
右边距：-4px；
空白：正常；
垂直对齐：t