<html>
<script type="text/javascript" src="js/jquery-1.6.2.min.js"></script
<script type="text/javascript" src="js/jquery.mobile-1.0.min.js"></script>
<script type="application/javascript" src="js/iscroll-lite.js?v4"></script>


<body bgcolor="#FCFAEF" leftmargin="0" marginwidth="0" topmargin="0" marginheight="0">
<div data-role="page" id="index">
    <div id="header">상단</div>
    <div id="wrapper">
    	   <div id="scroller">
               <a href="#main01">aaa로 이동</a>
               <a href="#main02">bbb로 이동</a> 
    	   </div>
    </div>
    <div id="footer">하단</div>
</div>

<div data-role="page" id="main01">
    <div id="header">상단</div>
    <div id="wrapper">
    	   <div id="scroller">
             <table align="center" cellpadding="0" cellspacing="0" width="320">
                 <tr>
                     <td width="320">
                         <a name="aaa"><img src="image/queenking-main-img.jpg" width="320" 
border="0"></a>
                     </td>
                 </tr>
                 <tr>
                     <td width="320">
                         <img src="image/queenking-main-img.jpg" width="320" border="0">
                     </td>
                 </tr>
             </table>
    	   </div>
    </div>
    <div id="footer">하단</div>
</div> 

<div data-role="page" id="main02">
    <div id="header">상단</div>
    <div id="wrapper">
    	   <div id="scroller">
             <table align="center" cellpadding="0" cellspacing="0" width="320">
                 <tr>
                     <td width="320">
                         <img src="image/queenking-main-img.jpg" width="320" border="0">
                     </td>
                 </tr>
                 <tr>
                     <td width="320">
                         <a name="bbb"><img src="image/queenking-main-img.jpg" width="320" 
border="0"></a>
                     </td>
                 </tr>
             </table>
    	   </div>
    </div>
    <div id="footer">하단</div>
</div> 
</body>
</html>

index.html은 이렇게 구성되어 있구요...


index 페이지에서 책갈피를 이용해 #main01의aaa 또는 #main02의 bbb로 이동을 하려고 하는데요...
<a href="#main01">aaa로 이동</a>
<a href="#main02">bbb로 이동</a> 
이렇게 하면 그냥 해당페이지로는 이동이 가능하지만,
#main01페이지의 aaa나 #main02페이지의 bbb로는 이동을 어떻게 해야할지 답답합니다.
인터넷에서 자료를 아무리 찾아봐도 자료를 못찾아 이렇게 도움을 부탁 드립니다.

index 페이지에서 다른곳으로의 해당 책갈피로 이동하려면 링크 주소를 어떻게 해야 하나요 ?
도움좀 부탁 드립니다.
이 게시물을