Javascript - 使用 iScroll 计算位置答案

【问题标题】：Javascript - calculate position with iScrollJavascript - 使用 iScroll 计算位置
【发布时间】：2012-02-17 15:15:12
【问题描述】：

我有一个需要看起来像这样的分页：

基本上，它是另一个 div 内的 div（20 000 像素宽），宽度为 160，并且溢出：隐藏。

我使用 iScroll 让它滚动（我目前正在做我网站的 iPad 版本，所以它只能在 iPad 上运行）。到目前为止它工作得很好，我可以在我的 div 中滚动，我需要“单击”数字才能转到页面。然后页面重新加载。

我的问题是，当我的页面加载时，当前页面（带有 class="current" 的粉红色页面）需要位于我的 div 中间（如图所示）。所以我需要一种javascript方法来做到这一点......

例如，如果我单击第 20 页，当页面加载时，分页显示从 1 到 10 的页面，如果我滚动我可以看到第 20 页设置为“当前”。需要一种方法来计算位置并将其居中。

我完全不知道如何使用 javascript / jquery 来做到这一点......！

有人可以帮忙吗？

【问题讨论】：

【解决方案1】：

iScroll 对此有一个公共方法：scrollToElement – 请参阅docs。

顺便说一句，iOS 5 中的浏览器原生支持使用 overflow:auto; 和一个特殊的 CSS 声明 -webkit-overflow-scrolling:touch; 滚动。我会使用原生滚动支持而不是 iScroll。

【讨论】：