带滚动条的jQuery

带滚动条的jQuery,jquery,jquery-isotope,Jquery,Jquery Isotope,我正在尝试在一个固定宽度的容器中实现同位素插件,但在显示滚动条时遇到了问题 我想要的是强制同位素布局上的滚动条(无论是默认的还是一些奇特的),但它需要在一个固定的宽度和高度环境中,并将溢出设置为隐藏在主体上 我看到的所有使用同位素、砖石或Wookmark的示例都使用了强制在body或html上显示的滚动条,但就我的情况而言,它需要设置为隐藏 非常感谢您的帮助。我通过以下方式解决了类似的问题: var $container = $(".container"); $container.isotope

我正在尝试在一个固定宽度的容器中实现同位素插件,但在显示滚动条时遇到了问题

我想要的是强制同位素布局上的滚动条(无论是默认的还是一些奇特的),但它需要在一个固定的宽度和高度环境中,并将溢出设置为隐藏在主体上

我看到的所有使用同位素、砖石或Wookmark的示例都使用了强制在body或html上显示的滚动条,但就我的情况而言,它需要设置为隐藏


非常感谢您的帮助。

我通过以下方式解决了类似的问题:

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

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

要使用纯CSS强制滚动条,请尝试使用!用于覆盖内联样式的重要关键字

#container {
overflow:auto !important;
}

基本上,我尝试在一个固定宽度的容器中实现同位素,但问题是我必须将溢出设置为“隐藏在主体上”。我尝试添加溢出:自动、滚动、自定义滚动条,但这些都不会在同位素项目的容器上强制滚动条。看看这个示例,它可以很好地回流——但在我的例子中,当调整大小时,它会变得狂暴,因为我没有滚动条。解决方案是.css('overflow','auto');