【问题标题】:JQtouch: Scroll to anchor in list with linkJQtouch:滚动到带有链接的列表中的锚点
【发布时间】:2012-06-29 12:58:35
【问题描述】:

我已经习惯了很多时间,弄清楚(谷歌搜索)如何制作一个butten,向下滚动到 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 进行页面转换..

    怎么办……

  • 【问题讨论】:

      标签: list cordova scroll anchor jqtouch


      【解决方案1】:

      这可能会有所帮助,它适用于单独的场景:

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

      【讨论】:

      • 我真的是一个 JavaScript 菜鸟。我不知道如何实现脚本。我试图将它放在头部部分,但随后脚本停止工作(按下按钮仍然没有任何反应)......我将所有页面放在 Div 的一个 html 文件中,然后我可以使用:('html,身体')?
      • 您需要将此脚本放在按钮的单击事件中,正如您在上面的问题中提到的那样。如果您可以放置​​实际来源,我可以告诉您将脚本放在哪里
      • 谢谢!我认为这会奏效。但我还有很多其他问题需要弄清楚,然后才能检查是否已解决。
      猜你喜欢
      • 2011-08-11
      • 1970-01-01
      • 1970-01-01
      • 2021-11-15
      • 1970-01-01
      • 2022-07-13
      • 2011-02-26
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多