JQtouch:使用链接滚动到列表中的锚点

时间:2012-06-29 12:58:35

标签: list cordova scroll anchor jqtouch

我已经习惯了很多时间,弄清楚(谷歌搜索)如何制作一个按钮,向下滚动到特定的< li>在edgetoedge列表中。我使用JQtouch和Zepto以及PhoneGap(Cordova)。

这是我非常简单的例子,我试图使用html锚点。它不起作用:

<div id="ListPage">
 <div> <a href="#b">jump to b</a> </div>
  <div class="scroll">
 <ul>
  <li><a name="a" />Some text</li>
    .
    . 
  50 times li.... :)
    .
    .
  <li><a name="b" />Some text</li>
  .
    . 
  50 times li.... :)
    .
    .
  </ul>
 </div>
</div>

我无法使用ID的原因JQtouch使用id和a进行页面转换..

该怎么做......

1 个答案:

答案 0 :(得分:1)

这可能有所帮助,它在一个单独的场景中适用于我:

var pos = $("a[name=a]").position();
$('html, body').animate( { scrollTop: pos.top }, 'slow' );