引导垂直滚动条在打开开发人员工具时消失

Question

当我打开我的网页时。它显示垂直滚动条。但是当我调整窗口大小或打开chrome开发人员工具时。它消失了。我正在使用overflow-y：auto。出于测试原因，我将其值更改为滚动。但是问题仍然存在。我再次将其还原。请看下面的图片：  第一次打开时：

打开开发人员工具时：

这里也是JS-Fiddle

public toggle (item, list) {
    var idx = list.indexOf(item);
    if (idx > -1) {
      list.splice(idx, 1);
    }
    else {
      list.push(item);
    }
  };

 public exists (item, list) {
   return list.indexOf(item) > -1;
 };

public reset(){
    this.selectedItems.length = 0; //Error: [$rootScope:infdig] 10 $digest() iterations reached. Aborting!
}

.product-content1 {
    background: url("img/circles-light.png");
    background-repeat: repeat;
    padding: 40px 15px;
}
 #videoThumbnails {
	float:left;
	height: 515px;
    width:120px;
	overflow-y: auto;
}
#videoThumbnails .thumb {
		//padding:0px;
		padding:11px 8px;
		cursor: pointer;
	}
#videoThumbnails img {
		border: 1px solid #DDD;
		cursor: pointer;
        width:90px; 
        height:60px;
	}
#videoThumbnails .frame {
		float: left;
		padding: 2px;
		border: 1px solid #CCC;
	}
.video {
		display: none;
	}