Stop Body滚动在某个div

所以我的情况是这样的，我有很多divs ...很多（超过300），并使用它们作为交互式背景的一部分。编辑:(他们都有相同的类btw）Stop Body滚动在某个div

问题？由于在手机上我需要更多的div来填充页面而不是桌面，我在桌面上有太多的div，这意味着您可以滚动wayyyyyy超过我想要的。如何让它如此Divs在特定点以下被删除或（更有用）如何停止滚动一定量的像素后。

我从字面上不知道如何做到这一点，我试着尝试边缘，填充，溢出，位置：固定;但我还没有找到解决方案，所以不要纠缠我的“缺乏努力” （我的一些帐户已被阻止，因为我没有合法的想法做什么，你“很酷的孩子”决定downvote足够得到（谢谢你！））

反正足够的说不清。帮助将不胜感激！提前致谢。

2017-06-01 Techtime

欢迎StackOverflow上。请参考[tour]（http://stackoverflow.com/tour）浏览并阅读[帮助中心]（http://stackoverflow.com/help），然后阅读[如何提问] （http://stackoverflow.com/help/how-to-ask），[我应该避免问什么类型的问题？]（http://stackoverflow.com/help/dont-ask）并提供[MCVE：最小，完整和可验证示例]（http://stackoverflow.com/help/mcve）。如果周围的人可以轻松阅读和理解你的意思，或者问题是什么，他们会更愿意帮忙:) – Dwhitz

你可以把你的代码放在这里，或给一些链接，所以我可以识别。 –

“我如何拥有它如此Divs在特定点以下被删除或（更有用）如何停止滚动一定量的像素后。”我想我很清楚 – Techtime

把你所有的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格每格是关闭的高度100px。

代码片段

.item { 
 
    width: 100%; 
 
    height: 100px; 
 
    background-color: red; 
 
} 
 

 
.item:hover { 
 
    background-color: yellow; 
 
} 
 

 
.container { 
 
    max-height: 900px; 
 
    overflow: hidden; 
 
}

<div class="container"> 
 
    <div class="item">1</div> 
 
    <div class="item">2</div> 
 
    <div class="item">3</div> 
 
    <div class="item">4</div> 
 
    <div class="item">5</div> 
 
    <div class="item">6</div> 
 
    <div class="item">7</div> 
 
    <div class="item">8</div> 
 
    <div class="item">9</div> 
 
    
 
    <!--You cant scroll after that--> 
 
    
 
    <div class="item">10</div> 
 
    <div class="item">11</div> 
 
    <div class="item">12</div> 
 
    <div class="item">13</div> 
 
    <div class="item">14</div> 
 
</div>

来源

2017-06-01 12:37:18

你可以做这样两两件事：

包裹所有在一个div内容，并设置高度，并溢出-Y ：隐藏。

.wrapper{ height: 1000px; overflow-y: hidden }

使用CSS可以隐藏特定数量之后的元素。就像如果你想隐藏的所有股利后100

.container .className:nth-child(n+101) { display: none; }

这将隐藏所有的div后100

来源

2017-06-01 12:47:30

这也适用！但我要标记对方是正确的，因为他们首先回复 – Techtime

如果你喜欢答案，你可以+1 –

Stop Body滚动在某个div

回答

相关问题