动态加载 div 时使 iscroll 起作用

Question

任何人都可以解释一下，如果可能的话，举个例子，如何在 iscroll div 中加载动态内容并为其分配新的高度？

我可以让它工作，但我无法控制新内容的滚动高度。

我对这一切都很陌生，不知道如何开始。

这是我正在做的事情：

http://homepage.mac.com/jjco/test/index7.html< /a>

当页面加载时，您会看到滚动条，其中没有内容... 单击 print/damm （显示我最初为此内容设置的高度） 单击 print/fcbarcelona （保持与之前使用的滚动条相同的高度和位置），您会发现它无法正常工作。 显然，我不希望卷轴在不必要的时候出现在那里。

任何帮助将不胜感激。

Answer 1

最好使用iScroll中的refresh()方法，它会重新计算高度。

myScroll.refresh();

Answer 2

我遇到了类似的问题，只是 refresh() 没有帮助，因此对销毁和重新创建 iScroll 没有帮助。就我而言，我将很多元素加载到 iScroll div 中。解决这个问题的是setTimeout()。正如 掌握 REFRESH() 方法 所说，甚至将 0ms 添加到 setTimeout() 可以解决很多问题。就我而言，它是500ms。 =

这里是代码示例：

    var myScroll;

    function createIScroll(){
    myScroll = new iScroll('wrapper');
    }

    function iScrollRefresh(){
      setTimeout(function(){
         myScroll.refresh(); 
      }, 500);
    }
$ajax(){ 
//receiving data
}
function someFunction(){
  //dynamic content is created
  iScrollRefresh();
}

我的问题是 refresh() 函数在内容插入 DOM 之前执行，因此增加超时会有所帮助。我希望它对像我这样的初学者有帮助。

Answer 3

尝试一下，当您将新数据插入 iScroll 时，请执行以下步骤

//myScroll is a global variable you initialize iScroll on
myScroll.destroy();
myScroll = null;
loaded();//this is a functions where you have have your iScroll initializer 

Answer 4

要观察高度变化：

setInterval(function () {
    var newScrollerHeight = $scroller.innerHeight();

    if (newScrollerHeight !== prevScrollerHeight) {
         prevScrollerHeight = newScrollerHeight;
         myScroll.refresh();
    }
}, 500);

Answer 5

看看 iScroll4
在 iscroll.js 中，我看到实验性选项： checkDOMChanges: false,// Experimental
您可以启用并使用它。