android: How to make page scrollable vertical also clickable?
<p>I want to make pages in android application below:<br>
, and I'm thinking about 2 ways following but I'm not sure If these are good way 
even enable way.</p>

<p>Could you give me advises about the ways or give me better idea of a way.</p>

<p><strong>[Want to make]</strong></p>

<ol>
<li>There are about 10 pages.  </li>
<li>page 1 : index<br>
 There is lists on pages.<br>
 If you click, you can see the page.  </li>
<li>page 2 ~ 9: normal page<br>
 just contents ( images or text whatever)  </li>
</ol>

<p><strong>[Ways I'm thinking about]</strong></p>

<p><strong>way A. make 10 layouts</strong></p>

<p>A layout(call it layout1) is for index pages. The other layout(call it layout2~10) is for other pages. If you click a button in layout1, the layout (from 2 ~ 10) will be showed</p>

<p><strong>[problem]</strong> I don't know how to enable scrollable in this way.</p>

<p><strong>ways B. make 1 html (and 1 layout includes a WebView)</strong></p>

<p>Make index using text and links like this:</p>

<pre><code> &lt;link href="common.css" rel="stylesheet" type="text/css"&gt;
       ~~~~~~~
 &lt;div class="pages"&gt;&lt;/div&gt;  
    &lt;a href="#p1"&gt;to page 1 &lt;/a&gt;  
    &lt;a href="#p2"&gt;to page 2 &lt;/a&gt;  
       ~~~~~~~  
 &lt;/div&gt;
</code></pre>

<p>make other pages just using images and name those parts<br></p>

<pre><code>&lt;div class="pages"&gt;&lt;/div&gt;  
    &lt;a name="p1"&gt;  
    &lt;img src="imgP1.jpg"&gt;  
 &lt;/div&gt;  
 &lt;div class="pages"&gt;&lt;/div&gt;  
    &lt;a name="p2"&gt;  
       ~~~~~~~  
</code></pre>

<p>This way has 2 problems below:</p>

<p><strong>[problem 1]</strong> How can I set each page's size for the cell phone.</p>

<p><strong>[problem 2]</strong> In this case, scroll is not horizontal. How can I change it horizontal
               use JavaScript?? If so, How can I use it, and which JavaScirpt should
               I use? </p>
