web-applications - Fancybox内でのiScrollの使用

Question

Fancybox内でiScroll4を使用しようとしていますが、喜びはありません。

iScrollはコンテンツにアタッチされ、指で押してスクロールさせることができますが、離すと元に戻ります。コンテンツがコンテナ内に収まる場合と同じように動作します。

Answer 1

解決策はrefresh()、Fancyboxが表示された直後にiScrollオブジェクトを呼び出すことです。

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

Fancyboxを使用するための推奨される方法は、コンテンツを<div style='display:none'>または同様のもので非表示にすることですが、これにより、ブラウザーがコンテンツのレイアウトを実行できなくなり、iScrollがコンテンツの大きさを認識できなくなります。