Skip to content Skip to sidebar Skip to footer

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 :

<a href="#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:

 <a href="#" 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.


Post a Comment for "Page Scrolls Back To Top When The Menu Panel Is Opened In JQuery Mobile"