Javascript 在某个div下停止正文滚动

所以我的情况是，我有很多div。。。很多（超过300），我用他们作为互动背景的一部分。编辑：（顺便说一句，它们都有相同的类）

问题出在哪里？ 因为在手机上，我需要比桌面上更多的div来填充页面，所以桌面上的div太多了，这意味着你可以比我想要的滚动wayyyy。

---

如何使某个点下的div被删除，或者（更有用的）如何在一定数量的像素后停止滚动

我真的不知道如何做到这一点，我尝试了边距，填充，溢出，位置：固定；但我还没有找到解决办法，所以不要纠缠我的“缺乏努力” （我的一些账户被屏蔽了，因为我不知道该做什么，而你们这些“酷孩子”决定投票否决我，让我被屏蔽（谢谢！）

---

不管怎样，废话已经够多了。谢谢你的帮助！提前感谢。

将所有div放在容器div中并使用此css

.container{
   max-height:900px; // Set this value to the no of pixel you want to scroll
   overflow:hidden;
}

我已将

max height

设置为

900px

，因为我只想显示9个div，每个div都偏离高度

100px

片段

.item{
宽度：100%；
高度：100px；
背景色：红色；
}
.项目：悬停{
背景颜色：黄色；
}
.集装箱{
最大高度：900px；
溢出：隐藏；
}

1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14

为此，您可以做两件事：

将所有内容包装在一个div中，并设置其高度和overflow-y:hidden

.wrapper{
高度：1000px；溢出y：隐藏
}

使用CSS，您可以将元素隐藏在特定数字之后。比如如果你想隐藏100后的所有div

.container.className:n第n个子（n+101）{
显示：无；
}

---

这将隐藏100之后的所有div。

欢迎使用StackOverflow。请拿着这本书四处看看，通读一遍，然后阅读，并提供一个答案。如果周围的人能够轻松地阅读和理解你的意思，或者问题是什么，他们可能更愿意提供帮助：）请将代码放在这里，或者提供一些链接，以便我识别。“我如何使某个点以下的div被删除，或者（更有用的）如何在一定数量的像素后停止滚动。”我想我已经很清楚了，不过别担心，这已经解决了。这也行！但是我要把另一个标记为正确，因为他们回答了firstCool如果你喜欢这个答案，你可以+1