Hi,
I am trying to rewrite a webpage with a jPlayer playlist on for the iPhone. I would like the playlist to fit within the available space on the viewport, and for it to scroll. I have installed iScroll 4 and tested it with some text and it works fine, but when I try to include the code that is the 'placeholder' for the jPlayer playlist, the scrolling doesn't happen. Instead it looks like it is trying to scroll, but then just springs back to the top of the div. You can see what I mean here:
When I switch the iPhone to landscape mode the scroll starts working and when I then switch back to portrait mode it keeps working.
The code I am trying to use looks like this:
<div id="wrapper">
<div id="scroller">
<div id="jp_playlist_1" class="jp-playlist">
<ul>
<!-- The method Playlist.displayPlaylist() uses this unordered list -->
<li></li>
</ul>
</div>
</div>
</div>
<script type="text/javascript">
var myScroll = new iScroll('wrapper');
</script>
Does anyone have any suggestions as to why the scroll isn't working from the start?
Thanks,
Nick