iscroll4

The script iScroll4 is triggered in this manner $(document).ready(function() { var myScroll; myScroll = new iScroll('wrapper'); }); That however assumes there is an element with ID 'wrapper'. I would like to trigger this on all elements with the class name "scrollable". I have seen this done on a plugin for this script. Any ideas how to do it here? Franz You can assign a different ID with the same class "scrollable" and ... $(document).ready(function() { //Created an array for adding n iScroll objects var myScroll = new Array(); $('.scrollable').each(function(){ id = $(this).attr('id');

I am trying to implement iScroll into my HMTL5 game using jQuery. I can't seem to get it to work? I have followed the guide here: http://www.gajotres.net/using-iscroll-with-jquery-mobile/ Here is what I am trying to do: $(document).on('pagebeforeshow', '#index', function(){ $(".example-wrapper").html(""); var html = '<ul data-role="listview">'; for(i = 0; i < 30; i++) { html += '<li><a href="#">link '+i+'</a></li>'; } html += '</ul>'; $(".example-wrapper").append(html); $(".example-wrapper").iscrollview("refresh"); }); The difference in the project is that it uses trigger and I am using append

I'm working on an HTML 5 mobile app using JQuery Mobile. The design calls for a sidebar menu that can scroll independently of the main content, so for example you could scroll somewhere on the page, open the menu and scroll within that menu without the page contents scrolling. To implement the menu, JQuery Mobile slide panels were an obvious choice. However, I haven't been able to get them to scroll separately from the content. I've tried using iScroll 4 with and without the iScrollView plugin to scroll a JQuery Mobile slide panel, but the scrolling does not work in the panel, only on elements

I'm using this HTML code: <form action="#" method="post"> <fieldset> <label class="desc" id="title10" for="Field10"> How many children do you have? </label> <select id="Field10" name="Field10" class="field select large" tabindex="5"> <option value="0" selected="selected">0 </option> <option value="1">1 </option> <option value="2">2 </option> <option value="3">3 </option> <option value="4">4 </option> <option value="5">5 </option> <option value="6">6 </option> <option value="7">7 </option> <option value="8">8 </option> <option value="9">9 </option> </select> <input type="submit" value="Send