Question

我已经使用Android phonegap应用程序逐个创建带有标签和相应值的动态列表（例如标签：'A'，值：Arun，Amala，Aruna直到'Z'）并且有字母表页面的一侧。

现在我希望当我点击字母（'A'）时，列表会自动显示带有值的标签（'A'），如果是'B'则显示带有值的标签（'B'）而不修改列表。

当我点击'A'时，如何获取标签的当前位置（'A'）并将光标移动到该位置会显示带有值的标签（'A'）？

我的代码：我从本地数据库中获取了值，下面的代码是动态列表脚本：

function querySuccess(tx,results)
{


 $('.sidemenu').append("<label style='background-color:#C1CDD9'   align='left'>"+results.rows.item(i).alphabet + "</label>"+"<br/>");
for (i = 0; i < results.rows.length; i++) 
                {

 $(".sidemenu").append("<li  id='list' >"+"<a id='link'  href='#'>" +results.rows.item(i).name +  "</a>"+ "<br/>"+ "</li>");
 }

HTML

<ul class="sidemenu" ></ul>

我的动态列表如：

label-A

阿伦阿鲁娜阿玛拉标签-B 巴拉 bhuvana

Answer 1

您无法更改鼠标的位置，但可以通过javascript更改滚动位置。

$(window).scrollTop(400); // height in px

或顺利地动画：

$("html, body").animate({scrollTop : 400}, "fast");

scrollTop jQuery page

Answer 2

为此，您需要使用scrollTop Method

首先，我们为需要滚动的项目的容器声明一个变量。

var container = $('.sidemenu'); // this is our div

然后是我们的点击功能

$("#A").click(function(){
  scrollTo = $(this); // wherever our element with an Id of "A" is;

  //the magic
  container.scrollTop( scrollTo.offset().top - container.offset().top + container.scrollTop() );
});

这应直接滚动到.sidemenu列表中的项目。

如何使用jquery或javascript更改光标的位置或滚动条的位置？

2 个答案: