在Fancybox中使用iScroll

Question

我正试图在iScroll 4内使用Fancybox，但没有任何快乐。

iScroll会附加到内容中，您可以用手指将其推入以使其滚动，但是当您松开时它会反弹回来。它的行为与内容适合其容器时的行为一样。

Answer 1

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

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

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