This is my code with jquery mobile

<div data-role="content">

<ul data-role="listview">

<li><a href="#panel-nav1">Subject 1</a></li>

<li>Subject 2</li>

.....a lot of

</ul>

</div>

<div id=" panel-nav1" data-role="panel" data-display="push" data-position="left" data-swipe-close="false">

<ul data-theme="d" data-icon="false" data-divider-theme="d" data-inset="false" data-filter="true" data-filter-placeholder="keywords" data-role="listview" style="overflow:scroll;" id="ulid1">  

<li>Subject 2</li>

.....a lot of

</ul>

</div>

I hope I can be  gmail or facebook like, do not have the effect of interlocking

http://www.littlebau.com/mymobile.gif

But I tried for a long time, still can not find the answer, is only iframe can do that??

http://www.littlebau.com/gmail.gif