jQuery的定製滾動條與同位素水平佈局

我使用的是從這裏同位素和jQuery的定製滾動條的FitColumns佈局：https://github.com/mzubala/jquery-custom-scrollbar jQuery的定製滾動條與同位素水平佈局

實施工作正常，直到我過濾的內容，那麼我不能讓滾動條調整大小，或重置回左側。

我擁有這一切的小提琴這裏：http://jsfiddle.net/sP8B9/

$(window).load(function() { 
var $container = $('.portfolioContainer'); 
$container.isotope({ 
    layoutMode: 'fitColumns' 
}); 

$('.portfolioFilter a').click(function() { 
    $('.portfolioFilter .current').removeClass('current'); 
    $(this).addClass('current'); 

    var selector = $(this).attr('data-filter'); 
    $container.isotope({ 
     filter: selector, 
     animationOptions: { 
      duration: 750, 
      easing: 'linear', 
      queue: false 
     } 
    }); 
    return false; 
}); 
}); 

$(window).load(function() { 
$(".demo").customScrollbar(); 
}); 
//$("your container selector").customScrollbar("resize") 
//$("your container selector").customScrollbar("scrollToX", 0) to move the scrollbar to the beginning.

在JavaScript的窗口的底部是這樣運作的做我想做的正是上面完成的代碼，但我要麼沒」不正確地做它，或者它需要被稱爲不同。對我來說不幸的是，我對JavaScript一無所知。電話被註釋掉。

如果有人能夠幫助我解決這個問題，我將不勝感激。

來源

2014-03-13 phyrebrush

嘗試jQuery Scrollbar - 沒有必要擔心內容調整大小，它也有一些皮膚，你可以用CSS定義：

$(window).load(function() { 
    $(".demo").scrollbar(); 
});

你的情況http://jsfiddle.net/e4wJG/1/

UPD使用jQuery滾動條的例子：奇怪的例子，在jsFiddle只能在FF（我認爲這是因爲一些jsFiddle的限制），但如果複製代碼到HTML頁面，它運作良好。

來源

2014-03-14 05:31:28 Gromo

這個效果很好，但是這個VS與另一個滾動條有關的問題是這個打破了Shadowbox的js。不知道爲什麼。陰影框與第一個示例一起工作，但與此解決方案配合使用時，Isotope和Shadowbox無法正常工作。 – phyrebrush

jQuery的定製滾動條與同位素水平佈局

回答

相關問題