我有一个很长的水平列表,如
<ol>
<li>A</li>
...
</ol>
ol
有overflow-x: scroll
而li
有display: inline
此外,第一个和最后一个元素具有position: absolute
,并且在列表的开头/结尾处是粘性的,并且始终可见。
现在,当您在移动safari / chrome中打开它时(我有一个带有iOS9的iPhone 6),您会看到滚动确实有效,但没有动力。所以我添加了
-webkit-overflow-scrolling: touch;
到ol
css。现在你可以用动量滚动,但粘性元素不再粘。这对我没有任何意义,任何建议如何解决这个问题?
更新:找到了有用的链接here。