使滾動條始終在div中可見 - 鉻合

Question

我第一次實現了無限滾動，但是當沒有溢出時，我無法在最初顯示滾動條。我想這在鉻：

#scrollarea-invalid { 
overflow-y: scroll !important; 
height: 350px; 

}

我怎樣才能使滾動總是在這個div顯示，即使含量小於350像素在這個div？

Answer 1

只有滾動條可見，不會允許您對嘗試向下滾動的用戶做出反應。因此，您需要實際使內容在區域之外流動並檢測滾動。 試試這個：

#scrollarea-invalid { 
 
overflow-y: scroll; 
 
height: 350px; 
 
} 
 
#scrollarea-content{ 
 
    min-height:101%; 
 
}

<div id='scrollarea-invalid'> 
 
    <div id='scrollarea-content'></div> 
 
</div>

Answer 2

body { 
 
    padding: 10px; 
 
} 
 

 
ul { 
 
    max-height:150px; 
 
    overflow:scroll; 
 
} 
 

 
::-webkit-scrollbar { 
 
    -webkit-appearance: none; 
 
    width: 10px; 
 
} 
 

 
::-webkit-scrollbar-thumb { 
 
    border-radius: 5px; 
 
    background-color: rgba(0,0,0,.5); 
 
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5); 
 
}

<ul> 
 
    <li>This is some content</li> 
 
    <li>This is some content</li> 
 
    <li>This is some content</li> 
 
    <li>This is some content</li> 
 
    <li>This is some content</li> 
 
    <li>This is some content</li> 
 
    <li>This is some content</li> 
 
    <li>This is some content</li> 
 
    <li>This is some content</li> 
 
    <li>This is some content</li> 
 
    <li>This is some content</li> 
 
    <li>This is some content</li> 
 
</ul>