Javascript-使用iScroll計算位置

Question

我的分頁需要看起來像這樣：

忙碌的貓http://img338.imageshack.us/img338/3180/pagination.jpg

基本上，這是另一個div（寬度為20000 px）內的一個div，其寬度為160，並且帶有溢出：隱藏。

我使用iScroll使其滾動（我目前正在使用我網站的iPad版本，因此它只能在iPad上運行）。 到目前為止，一切正常，我可以在div中滾動，並且需要“單擊”數字以轉到頁面。 然后重新加載頁面。

我的問題是，當我加載頁面時，當前頁面（粉紅色的頁面，帶有class =“ current”）需要位於div的中間（如圖所示）。 所以我需要使用javascript來做到這一點...

例如，如果單擊頁面20，則在頁面加載時，分頁顯示頁面從1到10，如果滾動，則可以看到頁面20設置為“當前”。 需要一種計算位置並將其居中的方法。

我完全不知道如何使用javascript / jquery ...！

有人可以幫忙嗎？

Answer 1

iScroll為此提供了一個公共方法： scrollToElement –請參閱docs 。

---

順便說一句，iOS 5中的瀏覽器支持使用overflow:auto;滾動overflow:auto; 還有一個特殊的CSS聲明-webkit-overflow-scrolling:touch; 。 我將使用本機滾動支持而不是iScroll。