带滚动条的jQuery同位素

Question

我正在尝试在固定宽度的容器中实现Isotope插件，但我无法让滚动条显示。

我想要的是在Isotope布局上强制滚动条（默认或某些花哨的），但它需要在固定的宽度和高度环境中，溢出设置为隐藏在主体上。

我见过的所有使用Isotope，Masonry或Wookmark的例子都使用强制在body或html上的滚动条，但对于我的情况，它需要设置为隐藏。

请，任何帮助表示赞赏。

Answer 1

我通过这种方式解决了类似的问题：

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

Answer 2

我假设您的滚动条没有显示，因为溢出设置为隐藏内联，因此在CSS中具有更高的优先级。 jQuery可以通过更改内联css来解决这个问题。

要使用纯CSS强制滚动条，请尝试使用！important关键字覆盖内联样式。

#container {
overflow:auto !important;
}