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