Page Scrolls Back To Top When The Menu Panel Is Opened In Jquery Mobile

I've checked the jQuery mobile API documents and GitHub Issues but I can't find the answer to my question. I've created a web app with the latest version of jQuery Mobile. The menu

Solution 1:

Here is the solution for futur googlers :

The link to open the panel should be :

<ahref="#mypanel"class="jqm-navmenu-link ui-btn ui-btn-icon-notext ui-corner-all ui-icon-bars ui-nodisc-icon ui-alt-icon ui-btn-left">Menu</a>

With the div for the panel set as :

<div data-role="panel" id="mypanel"class="jqm-navmenu-panel" data-position-fixed="true" data-position="left" data-display="overlay" data-theme="a" style="overflow:scroll; position: fixed;" data-animate="true">

See http://api.jquerymobile.com/panel/#option-positionFixed

Solution 2:

<ahref="#"class="jqm-navmenu-link ui-btn ui-btn-icon-notext ui-corner-all ui-icon-bars             ui-nodisc-icon ui-alt-icon ui-btn-left">Menu</a>

The a href ="#" Will always go to top, you will have to change this.