如何使用jquery mobile返回不同​​设备的页面顶部

时间:2012-10-13 07:43:47

标签: jquery-mobile

我是jquery手机的新手。我使用stackoverflow中的代码获取。我的问题是,这个解决方案在三星和其他方面运行良好但在iphone和sonyericsson中无效。请帮助任何人......

我想返回页面顶部,同时点击链接向下滚动页面底部..

这是我的代码:

  <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>  

1 个答案:

答案 0 :(得分: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>