Использование iScroll в Fancybox

Question

Я пытаюсь использовать iScroll 4 в Fancybox , но без радости.

iScroll присоединяется к контенту, и вы можете нажать на него пальцем, чтобы прокрутить его, но когда вы отпустите, он отскочит назад. Он ведет себя так же, как и когда содержимое помещается в его контейнер.

Answer 1

Решение состоит в том, чтобы вызвать refresh() на вашем объекте iScroll сразу после появления Fancybox:

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

Рекомендуемый способ использования Fancybox - скрыть ваш контент в <div style='display:none'> или аналогичном, ноэто препятствует тому, чтобы браузер выполнил любое расположение на нем, и следовательно препятствует тому, чтобы iScroll знал, насколько он большой.