Jquery 浮动DIV滚动条问题。删除窗口滚动条

根据这个建议，我在项目中使用了浮动DIV来复制类框架UI

在现有的产品中，他们已经为UI使用了框架。在新版本中，我使用了浮动div

但要求是使UI与现有UI相似

因此，在现有产品中，滚动条仅显示在框架中，而不显示在整个窗口中

而在我的解决方案中，框架既出现在div中，也出现在窗口中。我附上了“预期”和“现实”场景的屏幕截图。请也看一下

我使用的css是

#div1, #div2 {
    overflow: auto;
    float: left;
    height: 550px;
}

#div1{
    width: 50%;
    border-right : 2px solid grey;
}

#div2 {
    width: 48%;
}

我不需要浏览器提供的滚动条，而是需要它与框架的行为完全相同

谢谢。

---

Arun

尝试用隐藏浏览器滚动条

---

body{overflow-y:hidden；}

您正在为浮动div元素设置550px的高度。确保您的body+标题不大于屏幕的可见不动产，这将帮助您避免滚动条。否则，您可以始终对body和div元素使用

overflow:hidden

，以避免滚动条交替出现（不建议使用这种方法）

---

另外，请查看。

我无法附加屏幕截图：-（.尝试一次又一次地这样做只是想指出一点，不要挑三拣四，在任何地方给变量/对象指定有意义的名称都是很好的做法。尝试使用leftDiv而不是div1。此外，如果用户使窗口比Div小，因此无法向下滚动查看您所指的实际浮动Div，我会看到问题