1

如何在android浏览器中使用overflow-y，例如在opera mobile中？如果我创建一个具有溢出-y 样式的 div，那么它将无法工作，就像在桌面浏览器中一样。

所以我想制作垂直可滚动的 div，而不使用任何库。请给我一些指示。

提前致谢，

4

2 回答 2

3

制作两个div：

<div class='parent-of-scroller'>
    <div class='scrollable-item'>
        ... your content ... 
    </div>
</div>

对于外部 div，通过使用 javascriptoverflow:hidden管理内部 div 来设置控制滚动位置的位置。margin-top我相信你可以利用触摸事件来控制内部div的滚动位置

于 2012-03-13T10:29:05.343 回答
0

对于未来的后代，您在问题中标记的浏览器 Opera Mobile 12/Classic 具有非常具体的标准，必须遵循这些标准才能获得overflow: scroll或overflow: auto工作：

单独的元素高度（或宽度）不足以让 Opera Mobile 12 溢出一个元素，它会扩展元素，除非绝对定位为顶部和底部值。这很糟糕，但是当绝对定位时，Opera Mobile 12 确实为溢出元素添加了一个滚动条，但不支持触摸手势滚动，并且滚动条控件很不稳定。

因此，要让 Opera Mobile真正添加滚动条并溢出 div，您需要稍微修改 Kishu 的示例：

<style>
#parent-of-scroller {
  position: relative;
  height: [whatever]
}
#scrollable-item {
  position: absolute;
  top: 0px;
  bottom: 0px;
}
</style>

<div class='parent-of-scroller'>
    <div class='scrollable-item'>
        ... your content ... 
    </div>
</div>

Opera ≥9.5 CSS hack_:-o-prefocus, body:last-child .your-selector-here可能会对您有所帮助。

来自http://barrow.io/overflow-scrolling

于 2014-10-30T12:18:07.133 回答