Javascript - 使用 iScroll 计算位置
我有一个分页，需要看起来像这样：
一只忙碌的猫 http://img338。 imageshack.us/img338/3180/pagination.jpg
基本上，它是另一个 div 内的一个 div（20 000 px 宽）宽度为 160，带有溢出：隐藏。
我使用 iScroll 使其滚动（我目前正在制作我的网站的 iPad 版本，因此它只能在 iPad 上运行）。到目前为止，它工作得很好，我可以在我的 div 中滚动，并且我需要“单击”数字才能转到页面。然后页面重新加载。
我的问题是，当我的页面加载时，当前页面（带有 class="current" 的粉红色页面）需要位于我的 div 中间（如图所示）。所以我需要一种javascript方法来做到这一点...
例如，如果我单击第20页，当页面加载时，分页显示从1到10的页面，如果我滚动我可以看到第20页已设置作为“当前”。需要一种方法来计算位置并将其居中。
我完全不知道如何使用 javascript / jquery 做到这一点......！
有人可以帮忙吗？
I have a pagination that needs to look like that:
a busy cat http://img338.imageshack.us/img338/3180/pagination.jpg
Basically, it's a div ( 20 000 px wide) inside another div that have a width of 160 with an overflow:hidden.
I used iScroll to make it scroll (im currently doing the iPad version of my site, so it have to works only on iPad) . So far it's working great, I can scroll in my div, and I need to "click" on the number to go to the page. And then the page reload.
My problem is that when my page load, the current page (the one in pink with a class="current") need to be in the middle of my div (like on the picture). So I need a way in javascript to do that...
For exemple, if I click on page 20, when the page loads, the pagination show the page from 1 to 10, if I scroll I can see that the page 20 is set as "current". Need a way to calculate the position and center it.
I have totally no idea on how to do that with javascript / jquery ...!
Can someone help?
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
iScroll 有一个公共方法：
scrollToElement– 请参阅文档。顺便说一句，iOS 5 中的浏览器通过
overflow:auto;和特殊的 CSS 声明-webkit-overflow-scrolling:touch;原生支持滚动。我会使用本机滚动支持而不是 iScroll。iScroll has a public method for this:
scrollToElement– see the docs.As an aside, the browser in iOS 5 supports scrolling natively with
overflow:auto;and a special CSS declaration,-webkit-overflow-scrolling:touch;. I would use the native scrolling support instead of iScroll.