Javascript 同位素容器div上的滚动条

我将我的body元素指定为

溢出：隐藏和添加的
溢出：自动
试图将滚动条仅添加到container div，因为我需要一个与container div相邻的锁定页眉和页脚

我试着把它放在自己的小隔间里。我也试过：

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

所有这些似乎都不起作用。任何建议。
不确定我是否正确理解了这一点，但这就是你想要的：


如果是这样的话，上面JSFIDLE代码中的重要部分就是css中的覆盖：

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

你有关于codepen或jsfiddle的例子吗？fiddle对我非常有用，因为它表明容器需要是position:relative。在您的版本中，这似乎是自动发生的，对我来说，我需要手动设置该样式，它就像一个符咒！