使用Javascript - 計算與iScroll

Question

位置I有一個需要看起來像一個分頁：

a busy cat http://img338.imageshack.us/img338/3180/pagination.jpg

基本上，這是另一個的div具有160的寬度內一個div（20 000像素寬）溢出：隱藏。

我用iScroll使它滾動（即時通訊正在做我的網站的iPad版本，所以它只能在iPad上運行）。到目前爲止，它工作得很好，我可以滾動我的div，我需要點擊數字才能進入頁面。然後頁面重新加載。

我的問題是，當我的頁面加載時，當前頁面（粉紅色與類=「當前」）需要在我的div中間（如圖片）。所以我需要一種方法，在JavaScript中做到這一點...

例如，如果我點擊第20頁，當頁面加載時，分頁顯示頁面從1到10，如果我滾動我可以看到第20頁設置爲「當前」。需要一種計算位置並將其居中的方法。

我完全不知道如何用javascript/jquery做到這一點......！

有人可以幫忙嗎？

Answer 1

iScroll有一個公開的方法：scrollToElement –請參閱docs。

---

順便說一句，在iOS 5的瀏覽器支持與overflow:auto;和特殊的CSS聲明，-webkit-overflow-scrolling:touch;本身滾動。我會使用本地滾動支持，而不是iScroll。