绝对定位元素未在可滚动列表中

时间:2015-11-25 14:15:59

标签: html5 css3 scroll

我有一个很长的水平列表,如

<ol>
    <li>A</li>
    ...
</ol>

oloverflow-x: scrolllidisplay: inline

DEMO

此外,第一个和最后一个元素具有position: absolute,并且在列表的开头/结尾处是粘性的,并且始终可见。

现在,当您在移动safari / chrome中打开它时(我有一个带有iOS9的iPhone 6),您会看到滚动确实有效,但没有动力。所以我添加了

-webkit-overflow-scrolling: touch;

DEMO

ol css。现在你可以用动量滚动,但粘性元素不再粘。这对我没有任何意义,任何建议如何解决这个问题?

更新:找到了有用的链接here

0 个答案:

没有答案