iScroll能對齊到固定的位置和元素。
最簡單的對齊配置如下:
var myScroll = new IScroll('#wrapper', {
snap: true
});
這將按照頁面容器的大小自動分割滾動條。
snap屬性也可以傳遞字符類型類型的值。這個值是滾動條將要對齊到的元素的選擇器。比如下面:
var myScroll = new IScroll('#wrapper', {
snap: 'li'
});
這個示例中滾動條將會對齊到每一個LI標(biāo)記的元素。
下面將幫助你快速瀏覽iScroll提供的關(guān)于對齊的一系列有趣的方法。
x 和 y呈現(xiàn)你想滾動到橫向軸或者縱向軸的頁面數(shù)。如果你需要在單個唯獨上使用滾動條,只需要為你不需要的軸向傳遞0值。
time屬性是動畫周期,easing屬性是滾動到指定點使用的擦除功能類型。請參考高級功能中的option.bounceEasing。這兩個屬性都是可選項。
myScroll.goToPage(10, 0, 1000);
上面這個例子將在一秒內(nèi)沿著橫向滾動到第10頁。
滾動到當(dāng)前位置的下一頁或者前一頁。