0

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

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

我看到的所有使用 Isotope、Masonry 或 Wookmark 的示例都使用强制在正文或 html 上的滚动条，但就我而言，它需要设置为隐藏。

请，任何帮助表示赞赏。

4

2 回答 2

1

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

var $container = $(".container");
$container.isotope({
  itemSelector: '.item',
  itemPositionDataEnabled: true,
  layoutMode: 'masonry',
  masonry: { rowHeight: 107,columnWidth : 413 } }).css('overflow','auto');
于 2012-06-27T17:42:09.247 回答
1

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

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

#container {
overflow:auto !important;
}
于 2013-09-29T07:06:28.877 回答