Javascript 滚动边界内的div

我有一个里面有图像的div，需要左右滚动。一、 我已经设法让滚动工作，但现在我需要它留在可显示的区域。 我需要使用jQuery

$('#next').click(function() {
$('#slides').animate({left: '-=80',}, 2000, function() {});
});

$('#prev').click(function() {
$('#slides').animate({left: '+=80',}, 2000, function() {});
});

这两个按钮用于滚动。 如何使幻灯片的位置保持在0和-1120之间

这将是我幻灯片的底部。大型图像将位于顶部。

---

如何更改div的z索引？

您可以使用css更改z索引：

div.class {
  z-index: 60;
}

---

您应该通过使用该方法获得可显示区域的宽度

如果具有可以使用的最大宽度，则可以在动画之前轻松执行检查。因此，如果新的宽度电流-80大于0，则。。。给它设置动画。如果没有，就不要

向右滚动也一样。如果它大于可显示区域的宽度，则不要滚动

编辑 您稍微更改了问题，因此要获得当前的“左”值，可以使用以下选项进行检查：

$('#element').offset().left

---

这将返回左属性的当前整数值。因此，您可以再次验证其当前值，并将其与设置动画后的值进行比较。如果它太大或太小，不要滚动。

您可以检查css左值是否在间隔内：

if(parseInt($('#slides').css('left')) > -1120 && parseInt($('#slides').css('left')) < 0){
....//animate here
}