toolbar.html

<div data-page="toolbar" class="page" style="padding: 5px 9px;"><!--no-toolbar-->

	<!--HEADER開始-->
	<div class="navbar">
		<div class="navbar-inner">
			<div class="left">
				<a href="#" class="back link"><i class="icon icon-back"></i><span>上一頁</span></a>
			</div>
			<div class="center">
				toolbar
			</div>
			<div class="right">
				<a href="#" data-panel="right" class="link icon-only open-panel"><i class="icon icon-bars"></i></a>
			</div>
		</div>
	</div>
	<!--HEADER結束-->

	<!--要捲動的頁面區塊開始-->
	<div class="page-content">
	<style>
	
	</style>
	
		<div class="list-block">
			<ul>
				<li>
					<a href="#" class="item-link hide-toolbar">
						<div class="item-content">
							<div class="item-media">
								<i class="icon icon-f7"></i>
							</div>
							<div class="item-inner">
								<div class="item-title">關閉toolbar</div>
							</div>
						</div>
					</a>
				</li>
				<li>
					<a href="#" class="item-link show-toolbar">
						<div class="item-content">
							<div class="item-media">
								<i class="icon icon-f7"></i>
							</div>
							<div class="item-inner">
								<div class="item-title">打開toolbar</div>
							</div>
						</div>
					</a>
				</li>
			</ul>
		</div>
	</div>
	<!--要捲動的頁面區塊開始-->
	
	<div class="toolbar">
		<div class="toolbar-inner">
			<a href="#" class="link">Link 1</a>
			<a href="#" class="link">Link 2</a>
			<a href="#" class="link">Link 3</a>
		</div>
	</div>
  
</div>