How to make JQuery mobile panel always remain a part of that showing on page?

Question

Here's the problem, I want some part of JQuery mobile Panel always showing on page in order to add a button to show/hide the panel on the always-showing part. Is it related to adjust the animation length in the CSS?

Could anyone show me a simple demo? Thanks in advance.

Answer 1

I also encounter such a problem. Here is my solution: add the following javascript into your header: $(document).on("pagebeforeshow", function( event, data ) { $('#my-panel').panel("open"); })

and in your panel add two attributes:data-swipe-close="false" , data-dismissible="false"

then the panel will be also shown in your html