web-applications - 在 Fancybox 中使用 iScroll

Question

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

iScroll 附加到内容上，您可以用手指推动它使其滚动，但当您松开时它会弹回。当内容适合其容器时，它的行为就像它所做的那样。

Answer 1

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

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

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