Panels jQM 1.4

trigger('create') works no need to pagecreate.

by Erik Zanker

HTML

<script src="http://code.jquery.com/mobile/1.4.0-alpha.2/jquery.mobile-1.4.0-alpha.2.min.js"></script>
<link rel="stylesheet" href="http://code.jquery.com/mobile/1.4.0-alpha.2/jquery.mobile-1.4.0-alpha.2.min.css">
<div data-role="page">
    <div data-role="panel" id="navpanel" data-theme="a" data-display="overlay">
       <ul id="navigation" data-role="listview">
            <li data-role="list-divider">Contacts</li>
            <li><a href="#">Acura</a></li>
            <li><a href="#">Audi</a></li>
            <li data-role="list-divider">Contacts</li>
            <li><a href="#">BMW</a></li>
            <li><a href="#">Cadillac</a></li>
            <li><a href="#">Ferrari</a></li>
            <li data-role="list-divider">Contacts</li>
            <li><a href="#">Acura</a></li>
            <li><a href="#">Audi</a></li>
            <li data-role="list-divider">Contacts</li>
            <li><a href="#">BMW</a></li>
            <li><a href="#">Cadillac</a></li>
            <li><a href="#">Ferrari</a></li>
            <li data-role="list-divider">Contacts</li>
            <li><a href="#">Acura</a></li>
            <li><a href="#">Audi</a></li>
            <li data-role="list-divider">Contacts</li>
            <li><a href="#">BMW</a></li>
            <li><a href="#">Cadillac</a></li>
            <li><a href="#">Ferrari</a></li>
            <li data-role="list-divider">Contacts</li>
            <li><a href="#">Acura</a></li>
            <li><a href="#">Audi</a></li>
            <li data-role="list-divider">Contacts</li>
            <li><a href="#">BMW</a></li>
            <li><a href="#">Cadillac</a></li>
            <li><a href="#">Ferrari</a></li>
        </ul>

    </div>
    <div data-role="header" data-position="fixed"><a id="bars-button" data-icon="bars" href="#navpanel">Menu</a>

         <h1>Head
                </h1>

    </div>
    <div data-role="content">
        Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut...

CSS

.ui-panel .ui-panel-inner {
    overflow: auto;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0px;  
    -webkit-overflow-scrolling: touch;
}