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。