在界限內滾動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

回答

相關問題