2012-10-13 6 views
0

나는 jquery mobile에서보다 새롭다. 나는 stackoverflow에서 얻을 코드를 사용합니다. 내 문제는,이 솔루션은 삼성과 다른 잘 작동하지만 아이폰과 sonyericsson에서 작동하지 않습니다.jquery mobile을 사용하여 다른 장치로 페이지 맨 위로 이동하는 방법

<a id="uptotop" class="ui-btn-right" data-icon="arrow-u" data-theme="a">▲TOPにもどる </a> 
        <script type="text/javascript"> 
    $('div').live('pagebeforecreate',function(event, ui){ 
     $('#uptotop').live('click',function() { 
    $('html, body').animate({scrollTop: '0px'}, 800); 
      }); 

     }); 
</script> 

답변

0
: 나는 여기

내 코드 링크를 클릭하여 페이지 하단에 스크롤 다운 동안 .. 페이지 상단에 다시 가고 싶어 ...

을 누군가 도와주세요

간단한 앵커 사용은 어떻습니까? 예 :

<!DOCTYPE html> 
<html> 
    <head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
    <title>Test</title> 
    <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css" /> 
    <script src="http://code.jquery.com/jquery-1.8.2.min.js"></script> 
    <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> 
</head> 

<body> 
    <div data-role="page"> 
    <div data-role="header"> 
     <h1><a name="top"></a>Header</h1> 
    </div> <!-- /header --> 

    <div data-role="content"> 
     <p>lots of content here...<br>scroll down to find the button... 
     <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br> 
     <a href="#top" target="_top" data-role="button">Back to top of page ...</a> 
     </p> 
    </div> <!-- /content --> 
    </div> <!-- /page --> 

</body> 
</html> 
관련 문제