iScroll重置功能

时间:2011-04-19 17:34:21

标签: jquery scroll

我正在使用iScroll来确保管理区域的兼容性。该文档列出了如果您通过ajax加载页面以重置滚动区域该怎么办,但我无法让它工作。

文档在这里:http://cubiq.org/iscroll-4只有超过三分之一的时间'掌握刷新'

文档使用myscroll作为变量。我已经实现了类似的东西,它正在工作,因为它解决了内容但没有重置滚动条,因此无法看到通过ajax加载的内容大于初始。

任何人都可以解决这个问题。

非常感谢,

2 个答案:

答案 0 :(得分:0)

你说这不起作用吗?

setTimeout(function () {
    myScroll.refresh();
}, 0);

您是否正在使用jQuery .load或.ajax加载新内容?

对于ajax,将dataType:'html'作为选项,以确保它将在您加载的数据附带的标记内运行任何脚本。

然后,放在已加载文档的末尾:

<script type="text/javascript">
$(document).ready(function() {
    setTimeout(function() {
        myScroll.refresh();
    }, 0);
});
</script>

(考虑到你正在使用jQuery)。

请记住,myScroll和myscroll是两个不同的东西,因为它区分大小写。重新检查你的myscroll名称。

无论如何,这对我有用。

答案 1 :(得分:0)

这可能为时已晚,但我自己找到了解决方案。 refresh()函数不会重置缩放比例,因此我们必须通过以下函数调用

手动更改缩放比例

.zoom(X,Y,scale);

示例:

.zoom(0,0,1);这会将缩放比例重置为1(最大缩小或无缩放)

这可能有助于在iscroll 4中遇到同样问题的其他人。