<!DOCTYPE html>
<div data-role="page" data-add-back-btn="true">
<div data-role="header" data-position="fixed">
- <h1>Scrollview</h1>
+ <h1>SCROLLVIEW</h1>
</div>
<div data-role="content">
<p>Horizontal Scroll #1: inline block</p>
</div>
</div>
<p>Horizontal Scroll #2: set the width of view</p>
- <div data-scroll="x">
- <div class="ui-scrollview-view" style="width:1185px">
+ <div data-scroll="x" style="width:250px; white-space:nowrap;">
+ <div class="ui-scrollview-view" style="width:1200px;">
<img src="./test/01.jpg" height="70px">
<img src="./test/02.jpg" height="70px">
<img src="./test/03.jpg" height="70px">