Question

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

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

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

两个“按钮”用于滚动。如何让幻灯片的position.left保持在0到-1120之间？

这将是我幻灯片的底部。大图像将位于顶部。如何更改div的z-index？

Answer 1

使用css：

更改z-index

div.class {
  z-index: 60;
}

Answer 2

您应该使用width()方法获得可显示区域的宽度。

如果您拥有可以使用的最大宽度，则可以在动画之前轻松实施检查。因此，如果新宽度（当前 - 80）大于0，那么精细...动画它。如果没有，请不要。

滚动到右侧相同。如果它大于您的可显示区域的宽度，则不要滚动。

修改您稍微更改了问题，因此要获取当前left值，您可以查看：

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

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

Answer 3

您可以检查css左侧值是否在区间：

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

在界限范围内滚动div

3 个答案: