如何给滚动条移动的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

回答

相关问题