Javascript 如何在jquery中手动设置滚动高度？

我试着在这件事上说清楚

我正在制作一个网页，其中有几张

放在水平、全宽的位置，他们的父亲有{overflow-x:hidden}。然后，一个带有按钮的

，可以使用jQuery更改每个部分的位置。简化的，类似这样的 :

这是前提。但是，我的实际项目要复杂得多，每个部分都有不同的高度，我发现除了Chrome之外，我使用的每个浏览器都有一个巨大的问题：

我不知道是否可以链接我的网站，但这更容易解释：。如果这是不允许的，请原谅：(

如果你签入Chrome，一切正常，一旦你更改了分区，滚动条会自动适应其内容。但是如果你签入Firefox，你会看到滚动条没有变化，每个分区的页脚后面都有一个巨大的白色内容

我的问题是，我是否可以手动将滚动条设置为每个部分的高度（仅适用于Mozilla），这样就没有人可以滚动白色内容。我尝试了很多东西，但无法解决它，所以我认为这可以使它

---

非常感谢。

有几种方法可以解决此问题。我认为以下两种方法最适用于您的用例：

• 在过渡到非活动部分后添加

  display:none

• 将

  最大高度：100vh

  和

  溢出：隐藏

  添加到非活动部分

---

但是，在查看了您的源代码之后，我建议您完全不要定位这些源代码，而是使用CSS/JS使其正常工作

下面是一个过于简单的片段：

window.addEventListener（'hashchange'，函数（）{
var chash=location.hash
$（'main section'）.removeClass（'active'））
$（chash）.addClass（'活动'）
})；

ul.tabs{
列表样式类型：无；
保证金：0；
填充：0；
}
李先生{
显示：内联块；
}
ul.lia{
填充物：2px 5px；
背景：ddd；
颜色：#000；
边界半径：2px；
文字装饰：无；
}
主要{
显示器：flex；
溢出：隐藏；
}
部分{
显示：块；
宽度：100%；
弹性收缩：0；
}

联合国组织
在此处插入内容

磁盘操作系统
在此处插入内容

特雷斯
在此处插入内容

<section style="width:100%;position:absolute;left:0"></section>
<section style="width:100%;position:absolute;left:100%"></section>
<section style="width:100%;position:absolute;left:200%"></section>