帶滾動條的jQuery同位素

我正在嘗試在一個固定寬度的容器中實現同位素插件，但我無法使滾動條顯示。帶滾動條的jQuery同位素

我想要的是強制滾動條（默認或一些花式的）在同位素佈局，但它需要在一個固定的寬度和高度的環境，溢出設置爲隱藏在正文。

所有我見過的使用同位素，砌體或者Wookmark的例子都使用滾動條來強制body或者html，但是對於我的情況，它需要被設置爲隱藏。

請任何幫助表示讚賞。

來源

2012-06-13 suludi

基本上我試圖在固定寬度的容器中實現同位素，但問題是我必須有溢出設置隱藏在身體上。 – suludi

我試着添加溢出：自動，滾動，自定義滾動條，但是這些強制滾動條上沒有#container持有同位素項目。 – suludi

看看這個例子，它很好地迴流 - http：//jsfiddle.net/desandro/P6JGY/6/但在我的情況下，當它調整大小隻是瘋狂，因爲我沒有滾動條。 – suludi

我通過這種方式解決了類似的問題：

var $container = $(".container"); 
$container.isotope({ 
    itemSelector: '.item', 
    itemPositionDataEnabled: true, 
    layoutMode: 'masonry', 
    masonry: { rowHeight: 107,columnWidth : 413 } }).css('overflow','auto');

來源

2012-06-27 17:42:09

解決方案是 .css（'overflow'，'auto'）; –

我假設沒有被顯示在您的滾動條，因爲溢出設置爲隱藏的內聯，因此具有在CSS更高的優先級。 jQuery可以通過更改內聯css來解決這個問題。

要強制使用純CSS的滾動條，請嘗試使用！重要關鍵字來覆蓋內聯樣式。

#container { 
overflow:auto !important; 
}

來源

2013-09-29 07:06:28 Robert

帶滾動條的jQuery同位素

回答

相關問題