如何給滾動條移動的div

任何人都可以請告訴我如何給滾動條的div？在我的程序中，我將我的Facebook朋友列在div中。我給了div固定的高度。我將粘貼代碼。如何給滾動條移動的div

<div id="main_fb"> 
    <div id="friend_list"> 

    // friendlist code....... 

</div> 
</div>

而CSS是：

#main_fb { 

     height:250px; 
} 


#friend_list { 

     overflow-y:scroll; 
     height:224px; 
     width:100%; 
     overflow:none; 

}

是在我的代碼有什麼錯？請給我一個解決方案。提前致謝。

來源

2012-12-24 Div

你有overflow-y: scroll，然後overflow:none，我認爲他們有點矛盾。對於觸摸設備上的webkit，有供應商特定的-webkit-overflow-scrolling: touch;，但它僅在最新版本中受支持。欲瞭解更多信息，請參閱：How much support is there for -webkit-overflow-scrolling:touch

來源

2012-12-24 06:29:20 mastazi

我刪除了溢出：無。但它仍然不起作用。 – Div

對於大多數移動瀏覽器（至少在我想使用的Android和iOS中，除了'overflow-y：scroll;'，特定於供應商的'-webkit-overflow-scrolling：touch;'''''''''並讓我們知道如果它不起作用嘗試提供更多的數據，也許是一個jsfiddle – mastazi

也正如我在編輯的答案中所說，請參閱此鏈接http://stackoverflow.com/questions/7768363/how-much- support-is-there-for-webkit-overflow-scrollingtouch – mastazi

我認爲有可能第二個overflow覆蓋您的CSS中的第一個overflow-y。由於您已將寬度指定爲頁面的100％，因此我個人只會簡單地使用overflow:scroll;而忘記overflow-y屬性。

來源

2012-12-24 06:29:27 ecbrodie

我試過了，但仍然不能正常工作 – Div

我剛剛注意到你在移動設備上使用它，就像在移動瀏覽器或者PhoneGap/Cordova應用程序？ – ecbrodie

此外，你不會有一個滾動條出現，因爲你的容器div（main_fb）的高度比你包含的div（friend_list）高 – ecbrodie

我有同樣的問題，兄弟。如果您遇到類似情況，請參閱this。在我的情況下，我最終了解到，滾動在Android 2.3.x版本中被忽略。我不知道你的目標設備是什麼，但我猜可能還是有幫助的。

來源

2013-06-01 06:43:16

如何給滾動條移動的div

回答

相關問題