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

回答

相關問題