Javascript 如何将滚动条设置为节内的div container？

我忘了提到这个页面在iframe中。以下是我的iframe的代码：

<iframe src="pgHome.html" name="hmFrame" id="hmFrame" frameborder="0" scrolling="no" width="100%" height="100%"></iframe>

div.container{
宽度：100%；
身高：100%；
字体系列：Arial；
字体大小：12px；
}
侧边栏{
宽度：120px；
保证金：0；
填充顶部：0；
浮动：左；
背景色：白色；
}
侧边栏h3{
保证金：0；
背景色：#000099；
颜色：白色；
文本对齐：左对齐；
填充：2px；
}
第1节主接线盒{
最小宽度：1000px；
左边距：5px；
填充顶部：0；
浮动：左；
背景色：白色；
溢出y：滚动；
高度：800px；
}
第3节主框h3{
边际：0px；
背景色：#000099；
颜色：白色；
文本对齐：左对齐；
填充：2px；
}
div#dataContainer>div:not（[id=“tbl1”]）{
显示：无；
}
导航{
保证金：0；
背景色：#c8e2db；
}
导航{
列表样式：无；
保证金：0；
左侧填充：5px；
}
导航a{
颜色：黑色；
文字装饰：无；
光标：指针；
字体大小：粗体；
}
导航a：悬停{
颜色：#999999；
}
导航{
宽度：100%；
左边距：0；
右边距：0；
垫顶：2件；
边缘底部：5px；
背景色：#c8e2db；
浮动：左；
底部边框：2件纯黑；
最小高度：18px；
}
导航.xA{
颜色：黑色；
文字装饰：无；
光标：指针；
字体大小：粗体；
左侧填充：5px；
右侧填充：5px；
}
导航a：悬停{
颜色：#999999；
}
第一分区{
保证金：5px；
显示：表格；
}
第一单元{
显示：表格单元格；
填充物：5px；
}
表1.tblData{
边框：#ccc 1px实心；
利润率：10px；
边界半径：3px；
}
table.tblData标题{
字体大小：粗体；
边缘底部：2px；
背景色：#ededed；
边框：#ccc 1px实心；
边界半径：3px；
填充：5px10px 5px10px；
}
表1.tblData th{
填充：5px10px 5px10px；
边框顶部：1px实心#fafafa；
边框底部：1px实心#e0；
背景：#ededed；
文本对齐：居中；
}
表1.tblData td{
填充物：5px；
边框顶部：1px实心#ffffff；
边框底部：1px实心#e0；
左边框：1px实心#e0；
背景色：#c8e2db；
最小宽度：30px；
文本对齐：左对齐；
}

主页



主页
|
|
|
名称
出生日期
身份证件
用户信息1
姓
名字
出生日期
年龄
用户信息2
姓
名字
电子邮件
电话号码H
电话号码W
电话号码C
阿德雷斯
城市
状态
拉链
用户信息3
姓
名字
电子邮件
电话号码H
电话号码W
电话号码C
阿德雷斯
城市
状态
拉链
一些数据

尝试

溢出：在
#dataContainer
上滚动
您需要将div溢出设置为滚动。
您必须在\dataContainer上设置高度，而不是在.mainBox

div #dataContainer{
  height:200px;
  overflow-y:scroll;
}

及


$（'.xNavigation a'）。在（'click'，function（）上{
var id=$（this.prop（'id'）；
$（'#dataContainer>div[id='+id+']'）。show（）；
$（'#dataContainer>div:not（[id='+id+'））.hide（）；
});
div.container{
宽度：100%；
身高：100%；
字体系列：Arial；
字体大小：12px；
}
侧边栏{
宽度：120px；
保证金：0；
填充顶部：0；
浮动：左；
背景色：白色；
}
侧边栏h3{
保证金：0；
背景色：#000099；
颜色：白色；
文本对齐：左对齐；
填充：2px；
}
节mainBox{//已修改
最小宽度：100%；
左边距：5px；
填充顶部：0；
浮动：左；
背景色：白色；
}
#已添加数据容器{//
高度：200px；
溢出y：滚动；
}
第3节主框h3{
边际：0px；
背景色：#000099；
颜色：白色；
文本对齐：左对齐；
填充：2px；
}
div#dataContainer>div:not（[id=“tbl1”]）{
显示：无；
}
导航{
保证金：0；
背景色：#c8e2db；
}
导航{
列表样式：无；
保证金：0；
左侧填充：5px；
}
导航a{
颜色：黑色；
文字装饰：无；
光标：指针；
字体大小：粗体；
}
导航a：悬停{
颜色：#999999；
}
导航{
宽度：100%；
左边距：0；
右边距：0；
垫顶：2件；
边缘底部：5px；
背景色：#c8e2db；
浮动：左；
底部边框：2件纯黑；
最小高度：18px；
}
导航.xA{
颜色：黑色；
文字装饰：无；
光标：指针；
字体大小：粗体；
左侧填充：5px；
右侧填充：5px；
}
导航a：悬停{
颜色：#999999；
}
第一分区{
保证金：5px；
显示：表格；
}
第一单元{
显示：表格单元格；
填充物：5px；
}
表1.tblData{
边框：#ccc 1px实心；
利润率：10px；
边界半径：3px；
}
table.tblData标题{
字体大小：粗体；
边缘底部：2px；
背景色：#ededed；
边框：#ccc 1px实心；
边界半径：3px；
填充：5px10px 5px10px；
}
表1.tblData th{
填充：5px10px 5px10px；
边框顶部：1px实心#fafafa；
边框底部：1px实心#e0；
背景：#ededed；
文本对齐：居中；
}
表1.tblData td{
填充物：5px；
边框顶部：1px实心#ffffff；
边框底部：1px实心#e0；
左边框：1px实心#e0；
 section.mainBox{
    min-width: 1000px;
    margin-left: 5px;
    padding-top: 0;
    float: left;
    background-color: white;
    overflow-y: scroll;  //remove this
    height: 800px;  //remove this
 }