That’s because the panel is in sync with the main page list. If you think about it when the panel is open the list items start from the top and not in the middle hence the reason the main page scrolls to the top. Th 10
CSS fix JQM 1.3, 1.4
.ui-panel.ui-panel-open {
position:fixed;
}
.ui-panel-inner {
position: absolute;
top: 1px;
left: 0;
right: 0;
bottom: 0px;
overflow: scroll;
-webkit-overflow-scrolling: touch;
}
i have this in my panel
data-position-fixed=”true”
For 1.3 only, This is a small hack to stop the main page scrolling when the panel is scrolled right to the top or right to the bottom and the user keeps scrolling.
.ui-page-active.ui-page-panel {
height: 70%;
}
Demo
http://jsfiddle.net/qsXzD/5/
fonte: http://stackoverflow.com/questions/22672236/jquery-mobile-panel-open-scrolls-page-to-the-top-how-to-change-this