0

我是 jquery mobile 的新手。我使用从stackoverflow获取的代码。我的问题是，这个解决方案在三星和其他方面运行良好，但在 iphone 和索尼立信中不起作用。请帮助任何人...

我想通过单击链接在页面底部向下滚动时返回页面顶部。

这是我的代码：

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

1 回答 1

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>
于 2012-11-05T20:28:53.910 回答