iScroll stops working when I use Ajax to load the list

Question

I have an iScroll list set up and it work's perfectly fine when hard coded.

But when I use jQuery-Ajax to load in the exact same list, it sticks to the top and will not scroll down to the bottom.

$('#list1').load('lists/list1-1.html');

Has anyone experienced a similar problem or know a solution.

I've used the Web Inspector to look at the DOM and the code for the list is the exact same in both cases.

score 0 · Answer 1 · answered Aug 14 '12 at 13:43

0

Did you call to refresh() method after loading the list? You have to call the refresh() method when you modify the dimensions of the scrollable content, for example by adding items to a list. See section "Mastering the refresh() method" in iScroll documentation.

answered Aug 14 '12 at 13:43

Pablo

2,834
5
25
45

Just tried adding myScroll.refresh(); after loading the list but it didn't solve the problem. – Philip Kirkbride Aug 14 '12 at 13:55
How are you creating the object `myScroll`? – Pablo Aug 14 '12 at 14:06
var myScroll; myscroll = new iScroll('wrapper'); – Philip Kirkbride Aug 14 '12 at 14:12

iScroll stops working when I use Ajax to load the list

1 Answers1