Question

我在这里使用FitColumns布局用于Isotope和jQuery Custom Scrollbar：https://github.com/mzubala/jquery-custom-scrollbar

实现工作正常，直到我过滤内容，然后我无法让滚动条调整大小，或重置回左侧。

$(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知之甚少。电话已被注释掉。

如果有人能够帮助我解决这个问题，我将非常感激。

Answer 1

尝试jQuery Scrollbar - 无需担心内容调整大小，也可以使用CSS自定义几个外观：

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

在您的案例http://jsfiddle.net/e4wJG/1/

中使用jQuery Scrollbar的示例 UPD：奇怪的是，jsFiddle上的例子只在FF中起作用（我认为这是因为jsFiddle的一些限制），但是如果将代码复制到HTML页面，它就可以正常工作。

具有Isotope水平布局的jQuery Custom Scrollbar

1 个答案: