Javascript 溢出DIV完全适合浏览器内部

我正在尝试将垂直滚动条设置为div2，以替换默认的浏览器垂直滚动条

.1分部{ 高度：200px； } .第2分部{ 溢出y：自动； 高度：500px； } 第1部分内容 第2部分内容

---

我不确定你想做什么，但是试着把它添加到你的css中，看看它是否能修复它

html, body { height: 100%; }

---

试试这个。div1和div2上的边框只是显示div的高度。可以随意删除它

容器{ 身高：100%； 位置：绝对位置； } .1分部{ 高度：200px； 位置：相对位置； 边框：2倍纯黄色； } .第2分部{ 溢出y：自动； 位置：相对位置； 身高：100%； 边框：2倍纯红； } 第1部分内容 第2部分内容

---

实现您想要的目标的步骤包括：

将html和正文的边距和填充设置为0。 将收割台的高度设置为所需的固定高度：在您的情况下为200px。 将.main的高度设置为视口的100%减去页眉高度：calc100vh-200px。 将.main的overflow-y设置为自动。 在.main中创建一个分区，并将要显示内容的边距设置为可选。 然后，我们就完蛋了！看一看下面的例子，如果您想以更好的方式测试它，请单击完整页面按钮，然后播放窗口的大小调整等：

html， 身体{ 溢出：隐藏； 填充：0； 保证金：0； } 标题{ 高度：120px； 背景颜色：蓝色； } 主分区{ 高度：calc100vh-120px； 背景色：红色； 溢出y：自动； } 分区主>分区{ 利润率：10px； } div.main>div>p{ 文本对齐：对齐； } Lorem ipsum dolor sit amet，是一位杰出的献身者。这是一个巨大的直径，但它是菱形的。这是一个非常好的例子。毛里斯·内克和洛勒姆·沃里帕特·菲吉特·埃吉特·塞特·艾米特 埃拉特。乌尔里希斯的乌尔库斯。莫里斯·普尔文纳·维利特（Mauris pulvinar velit）位于维尼纳提斯·森佩尔（venenatis semper）。无救济金。无节律的无节律的无节律的无节律的无节律的无节律的无节律的无节律的无节律的无节律的无节律的无节律的无节律的无节律的无节律的无节律的无节律的无节律的。在faucibus中，Interdum和malesuada在第一次同侧前就出名了。右前庭 马萨·农，调味品奥纳雷·奎姆。两个孩子坐在一起，一个母亲和一个母亲。Donec给了猫咪一个赌注。芸香前庭。前庭Ultrices leo eget mi elementum，猫前庭vel maximus。多奈克康格洛雷姆酒店 马蒂斯之家，欧盟大型金融机构。不要坐在码头上。

在乌兰科珀，尼布·埃吉特·维尼那提斯帝国，奥古斯特·安特·波特提托·莫里斯，nec权杖托尔托·尼西·欧盟委员会。Phasellus libero ligula，eleifend a lobortis in，cursus in tellus。莫比·沃尔帕特，维尼纳提斯显贵，维利特·努拉·维尼亚提斯，犹他州 奥古斯·厄洛斯的发酵剂是阿梅特·尼西（amet nisi）。维瓦摩斯·埃吉特·埃吉特·埃吉特·埃吉特·埃吉特·埃吉特·埃吉特·埃吉特·埃吉特·埃吉特·埃吉特·埃吉特·埃吉特·埃吉特·埃吉特·埃吉特·埃吉特·埃吉。无便利。馆长hendrerit iaculis justo，在iaculis est facilisis sit amet。Donec sem tellus，posuere et metus id，Concertetur Vehicle sapien。 我们需要时间，需要时间，需要效率。Mauris varius velit orci，是一家酿酒厂，它的前身是一家酿酒厂。

我是奥迪奥·利古拉。这是一种美味的调味品。这是一家大型企业，nec是一家名为Pat quam ullamcorper的企业。梅塞纳斯·沃里帕特·欧麦格纳·内克·尤里塞斯。在egestas，risus id porta调味品，odio urna ultricies mi，ut elementum 麦格纳·托托·奎斯·厄洛斯。塞德是一只亨德雷特猫。库拉比图尔是一个连续的城市，卢克图斯·维利特，索利西图尔是一个精英。在一个普通的侵权人身上。在sollicitudin的马萨。佩伦茨克·埃尼姆·阿库（Pellentsque enim arcu）、威尼斯人（Venetatis ut dictum et）、奥纳雷（ornare）在托托（tortor）。 Donec et urna nec metus rhoncus auctor。Nunc id nisi nec sem arcu中的车辆a调味品。

Proin eleifend sem massa，拍卖商eros porta congue。阿利奎姆·内克·阿利奎特·胡斯托，在同侧腕关节处。狮子座的人多，智商高，射手座的人多。不要做有效的枕前运动。非非自然累积量 斜角肌。Nunc arcu magna，sollicitudin non urna in，佩伦特斯式的权贵厄洛斯。Nam Placelat rutrum苏打粉。塞德·奎斯·莱奥。尼西港，位于内华达州东南部。孕妇不等长径临时苏打水。 但在sapien孕妇中，odio molestie Vehicleu被称为“零级”。Integer sed ipsum semper、拍卖人massa eget、viverra justo。无主无主。莫比不在场。在hac habitasse Plateum，一句名言。

佩伦茨克达比乌斯·萨皮恩·奎斯·康格·波尔塔。从nisi开始，在risus imperdiet ac.Aliquam tristique egestas ligula的品种中，使用前庭软腔。无需预先准备好放置的容器。洛雷姆·伊普苏姆·多洛·希特·阿梅特，康塞特图 告别精英。在viverra augue中，一位尊贵的justo。阿利夸姆·帕特·尼布和泰勒斯·因特 黑索今。我的母亲，自由的母亲，怀孕前的母亲。猫咪多洛，塞德·埃格斯塔斯 猫咪大教堂的前lobortis et.Vivamus，vel posuere purus。这是一个很好的例子。这是一个时间的起点，也是一个交通工具的起点。毛里斯·拉齐尼亚、乌尔特里斯·卢克图斯的猫科动物、拉库斯·尼斯·莫莱斯蒂·内克等 马萨的瓦里乌纳·维利特。无便利。

---

我仍然得到浏览器默认的垂直滚动。div2的滚动条也没有那么灵敏。我没有看到任何你试图替换默认滚动条的代码。你能用完整的代码更新脚本吗？目前我没有修复默认窗口垂直滚动的代码。这是我的问题所在。