javascript - 在某个 div 下停止 body 滚动

Question

所以我的情况是这样的，我有很多 div...很多(超过 300 个)，我将它们用作交互式背景的一部分。编辑:(顺便说一句，他们都有相同的类(class))

问题？ 因为在移动设备上我需要比在桌面上更多的 div 来填充页面，我在桌面上有太多的 div，这意味着你可以滚动 wayyyyyy 比我想要的更多。 我怎样才能删除某个点以下的 Div 或(更有用)如何在一定数量的像素后停止滚动。

我真的不知道该怎么做，我尝试过边距、填充、溢出、位置:固定；但我还没有找到解决办法所以不要纠缠我的“缺乏努力” (我的一些帐户已被封锁，因为我不知道该怎么做，而你们这些“酷 child ”决定对我投反对票以致被封锁(谢谢!))

反正废话够多了。帮助将不胜感激!提前致谢。

Answer 1

你可以为此做两件事:

1. 将所有内容包裹在一个 div 中并为其设置高度和 overflow-y: hidden。

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

1. 使用 CSS，您可以隐藏特定数量后的元素。就像你想隐藏 100 之后的所有 div

.container .className:nth-child(n+101) { 显示:无； }

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