對(duì)齊

iScroll能對(duì)齊到固定的位置和元素。

options.snap

最簡單的對(duì)齊配置如下：

var myScroll = new IScroll('#wrapper', {
    snap: true
});

這將按照頁面容器的大小自動(dòng)分割滾動(dòng)條。

snap屬性也可以傳遞字符類型類型的值。這個(gè)值是滾動(dòng)條將要對(duì)齊到的元素的選擇器。比如下面：

var myScroll = new IScroll('#wrapper', {
    snap: 'li'
});

這個(gè)示例中滾動(dòng)條將會(huì)對(duì)齊到每一個(gè)LI標(biāo)記的元素。

下面將幫助你快速瀏覽iScroll提供的關(guān)于對(duì)齊的一系列有趣的方法。

goToPage(x, y, time, easing)

x 和 y呈現(xiàn)你想滾動(dòng)到橫向軸或者縱向軸的頁面數(shù)。如果你需要在單個(gè)唯獨(dú)上使用滾動(dòng)條，只需要為你不需要的軸向傳遞0值。

time屬性是動(dòng)畫周期，easing屬性是滾動(dòng)到指定點(diǎn)使用的擦除功能類型。請(qǐng)參考高級(jí)功能中的option.bounceEasing。這兩個(gè)屬性都是可選項(xiàng)。

myScroll.goToPage(10, 0, 1000);

上面這個(gè)例子將在一秒內(nèi)沿著橫向滾動(dòng)到第10頁。

next()
prev()

滾動(dòng)到當(dāng)前位置的下一頁或者前一頁。