自動調整大小的JavaScript滑塊

我試圖爲顯示最後四個帖子的客戶端構建一個內容滑塊。現在它只是純HTML，但我有一個問題。自動調整大小的JavaScript滑塊

必要時，滑塊框需要帶有滾動條180px高。我的滑塊似乎工作，除了它使滑動框全部像最高的盒子一樣高。這就讓他們留下了很多空白的短文章。

任何人都知道一個修復？

http://jsfiddle.net/insitedesignlab/kQDcb/1/

我見過Quovolver這樣做，但我很想知道如何#slidesContainer

2011-12-23 Jon Kuperman

的基本問題是需要以動態地調整它的父知道多久滾動。解決這個問題的方法之一是改變你的生命的呼叫包括回調：

$('#slideInner').animate({ 
     'marginLeft' : slideWidth*(-currentPosition) 
    },null,null, 
    function(){ 
     $('#slidesContainer').css('height', $(this).children(".slide:nth-child(" + parseInt((Math.ceil(-1*slideWidth*(-currentPosition)/$("#slideshow").width())) + 1) + ")").height() + "px"); 
    } 
);

有可能是一個稍微好一點的方法，使計算，但是這會奏效。您也可以隱藏所有未顯示的.slide div。然後，#slidescontainer將自動調整大小到僅可見（不顯示：無）幻燈片。

來源

2011-12-23 20:13:35 JoeyP

非常感謝！我一整天都在努力完成這項工作。真棒=） – 2011-12-23 20:45:29

我已經在此更新您的代碼JS Fiddle。您需要刪除最小高度屬性並將背景顏色設置爲幻燈片div。

來源

2011-12-23 20:26:22 kvc

這確實有效，但它不是我正在尋找的東西。就像在另一個答案中，我希望最小高度留在那裏，這樣我可以根據需要添加一個y滾動條。雖然謝謝！ – 2011-12-23 21:50:17

自動調整大小的JavaScript滑塊

回答

相關問題