CSS Scroll snap point在iOS 9.1 safari中不起作用

Question

我刚刚将我的ipad mini更新到iOS 9.1并根据我可以使用我应该能够在我的设备上使用css snappoints进行safari.网上有快照点演示,但我写了一个我自己的(为什么不是:) DEMO.在该演示中,您可以水平滚动.

HTML:

<ol>
        <li class="a"></il>
        <li class="b"></il>
        ...
</ol>

样式:

ol {
    list-style-type: none;

    white-space: nowrap;
    overflow-x: auto;
    overflow-y: hidden;
    white-space: nowrap;

    scroll-snap-type: mandatory;
    scroll-snap-points-x: repeat(100%);
    scroll-behavior: smooth;
}

无论如何,我的演示在我的笔记本电脑上的FF和Safari中工作,但在我的iPad上却没有.所以问题是,我可以使用错误或者我做错了吗？

Answer 1

我能够通过添加一个-webkit-overflow-scrolling: touch; 看到这个更新的小提琴http://jsfiddle.net/hpjtqewn/2/来使它工作

该按钮不起作用,但是当我使用我的手指并滚动时,它会捕捉到正确的捕捉点,就像在我的桌面上的Safari中一样,当我使用触摸板滚动时,它也能正常工作.常规鼠标不起作用,单击该按钮不起作用,但这可能与您通过jquery使用.scrollTo的方式有关.