我有一个需要看起来像这样的分页:
a busy cat http://img338.imageshack.us/img338/3180/pagination.jpg
基本上,它是另一个div中的div(宽度为20 000 px),宽度为160,溢出:隐藏。
我使用iScroll使其滚动(我目前正在使用我的网站的iPad版本,所以它只能在iPad上运行)。到目前为止它工作得很好,我可以在我的div中滚动,我需要“点击”该号码才能进入该页面。然后页面重新加载。
我的问题是,当我的页面加载时,当前页面(粉红色的那个,类=“当前”)需要在我的div的中间(如图片所示)。所以我需要一种javascript方式来做到这一点......
例如,如果我点击第20页,当页面加载时,分页显示页面从1到10,如果我滚动我可以看到页面20被设置为“当前”。需要一种方法来计算位置并使其居中。
我完全不知道如何使用javascript / jquery ...!
有人可以帮忙吗?
答案 0 :(得分:0)
iScroll有一个公开的方法:scrollToElement
- 请参阅docs。
另外,iOS 5中的浏览器支持使用overflow:auto;
本地滚动和特殊的CSS声明-webkit-overflow-scrolling:touch;
。我会使用原生滚动支持而不是iScroll。