在界限内滚动div

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

$('#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？

来源

2011-08-26 Drikus

您更改使用CSS的z-index：

div.class { 
    z-index: 60; 
}

来源

2011-08-26 08:48:49 Thariama

你应该让你的显示区域的宽度，则通过利用width()方法。

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

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

编辑你稍微改变你的问题，因此要获得当前left值，你可以用一下：

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

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

来源

2011-08-26 08:50:33 Jules

您可以检查左值的CSS在区间：

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

来源

2011-08-26 08:52:26 Suzana

在界限内滚动div

回答

相关问题