在 Fancybox 中使用 iScroll

【问题标题】：Using iScroll within a Fancybox在 Fancybox 中使用 iScroll
【发布时间】：2012-01-12 15:02:00
【问题描述】：

我正在尝试在 Fancybox 中使用 iScroll 4，但没有任何乐趣。

iScroll 附加到内容上，您可以用手指推动它使其滚动，但当您松开时它会弹回。它的行为与内容适合其容器时的行为相同。

【问题讨论】：

【解决方案1】：

解决方案是在 Fancybox 出现后立即在 iScroll 对象上调用 refresh()：

$("#about-button").fancybox({
    onComplete: function () {
       my_iscroll.refresh();
    }
});

使用 Fancybox 的推荐方法是将您的内容隐藏在 <div style='display:none'> 或类似名称中，但这会阻止浏览器对其执行任何布局，从而阻止 iScroll 知道它有多大。

【讨论】：