如何在移动设备中为 div 提供滚动条答案

【问题标题】：How to give scrollbar to the div in mobile如何在移动设备中为 div 提供滚动条
【发布时间】：2012-12-10 15:51:33
【问题描述】：

谁能告诉我如何给 div 一个滚动条？在我的程序中，我在 div 中列出了我的 Facebook 好友。我给 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;

 }

我的代码有什么问题吗？请给我一个解决方案。提前致谢。

【问题讨论】：

标签： php css facebook html

【解决方案1】：

你有overflow-y: scroll，然后是overflow:none，我认为它们在某种程度上是冲突的。对于触摸设备上的 webkit，有供应商特定的-webkit-overflow-scrolling: touch;，但它仅在最新版本中受支持。更多信息请看这里：How much support is there for -webkit-overflow-scrolling:touch

【讨论】：

对于大多数移动浏览器都可以（至少在您想要使用的 Android 和 iOS 中，除了overflow-y: scroll;，供应商特定的-webkit-overflow-scrolling: touch; 试一试，让我们知道。在如果它不起作用，请尝试提供更多数据，也许是 jsfiddle。
正如我在编辑后的答案中所说，请参阅此链接stackoverflow.com/questions/7768363/…

【解决方案2】：

我认为第二个overflow 有可能覆盖您的CSS 中的第一个overflow-y。因为您已经将宽度指定为页面的 100%，所以我个人会通过使用 overflow:scroll; 来简化事情并忘记 overflow-y 属性。

【讨论】：

我刚刚注意到您在移动设备中使用它。就像在移动浏览器或 PhoneGap/Cordova 应用上一样？
另外，您不会出现滚动条，因为您的容器 div (main_fb) 的高度大于包含 div (friend_list) 的高度。
我在移动浏览器上运行这个程序。

【解决方案3】：

我有同样的问题兄弟。如果您遇到类似情况，请参阅this。就我而言，我最终了解到，在 android 2.3.x 版本中会忽略滚动我不知道您的目标设备是什么，但我想仍然可能会有所帮助。

【讨论】：