2013-03-06 5 views
0

я реализовал iScroll-скроллер программно с помощью этих линий:iScroll ReFRESH не работает

$(document).bind('pageinit',function(event, data){ 

$("[id='menu']").attr("data-iscroll",""); 
$("[data-iscroll]").iscrollview(); 

}); 

Всякий раз, когда я изменить высоту сайта, например при вращении устройства оболочка iscroll не адаптирует его размер. Это означает, что я больше не могу прокрутить до конца. Поэтому я (пытался) построить функцию, чтобы обновить размер обертке в:

window.addEventListener("resize", function() { 

$("[data-iscroll]").jqmData('iscrollview').refresh(); 

setTimeout(function() { 
$("[data-iscroll]").jqmData('iscrollview').refresh(); 

    }, 0) 


}, false); 

Это не работает вообще, и я понятия не имею, почему. Дайте мне знать, если вам нужно больше кода (старайтесь держать его как можно короче).

+0

Сначала скажите мне, у вас есть более чем один iscrollview реализован. Кажется, я знаю, в чем твоя проблема. – Gajotres

+0

Да. Это похожий на facebook webapp, поскольку меню обычно скрывается за фактическим содержимым. Оба содержимого и меню прокручиваются с помощью iscrollview – user1903909

ответ

0

Почему вы хотите использовать iScroll при поддержке jQuery Mobile listview и fixed header и нижний колонтитул ??

iScroll неисправен с jQuery-mobile в моем опыте. Я бы не рекомендовал его для разработчиков.

1

Мое решение:

 setTimeout(function() { 
      iScroll.refresh(); 
      window.scrollTo(0); 
     }, 10); 
0

попробовать это:

$("[data-iscroll]").iscrollview().iscrollview('refresh'); 

затем

$('[data-iscroll]').trigger('create'); 
Смежные вопросы