Jquery mobile panel list scrolls not working on mobile devices

Hi,
I have a side panel with long list. clicking on any list item it goes to the specific div on the page.
For connecting panel with div I am using swiper plugin swiper plugin http://www.idangero.us/swiper/get-started/#.Vhs-tBNVikp
The problem is-

  1. Panel list scroll is not working on tablets and mobile devices.
  2. I want panel and page to be scroll independently. when panel open i don’t want page to be scrolled. Only after panel closed page can be scrolled.
  3. when opening panel second time page scrolls to top before selecting any new item from the list. I don’t want it to be scroll like this.
    Here is my code
    http://jsfiddle.net/brunocoder/q93q577z/
    Thanks

This topic was automatically closed 91 days after the last reply. New replies are no longer allowed.