javascript - 同位素容器 div 上的滚动条

标签 javascript jquery html jquery-isotope

我为我的 body 元素分配了 overflow:hidden; 并添加了 overflow:auto; 试图将滚动条添加到容器 div,因为我需要一个锁定了我的容器 div 边界的页眉和页脚。

我尝试将它放在自己的 div 中。我也尝试过:

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

这些似乎都不起作用。任何建议。

最佳答案

不确定我是否正确理解了这一点,但这就是您所追求的:

http://jsfiddle.net/chrissp26/ywQyg/

如果是这样,上面 jsfiddle 代码中的重要部分是 css 中的覆盖:

#container {
    height: 300px !important;   
    overflow: auto !important;  
}

关于javascript - 同位素容器 div 上的滚动条,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14027461/

相关文章:

html - 将复选框移动到标签的右侧

javascript - 需要一种通过单选按钮集成反转功能(全部选中/取消全部选中)的方法 - 对于 Checkbox 组

JavaScript - 检查选择框中的唯一值

javascript - jQuery replaceWith 后缺少 CSS 类。怎么修?

javascript - 通过 toastr 访问 FCM 参数

javascript - 每个图像加载后触发函数

jquery - 在一个页面上多次使用视差插件?

html - 响应式 html 电子邮件 : outlook

javascript - 在 JavaScript 中编写循环

javascript - Socket.IO 发出对象 Javascript