如何使用jQuery或JavaScript更改光标位置或滚动条位置？

我已经使用Android phonegap应用程序创建动态列表，标签和相应值的标签一个接一个（例如标签：'A'，值：Arun，Amala，Aruna直到'Z'），并且侧面有字母的页面。（'A'）列表自动显示带有值的标签（'A'），如果是'B'则显示带有值的标签（'B'）而不修改列表。当我点击'A'时，如何获得标签（'A'）的当前位置并将光标移动到该位置，显示带有值的标签（'A'）？如何使用jQuery或JavaScript更改光标位置或滚动条位置？

我的代码：我有一个从本地数据库retrive值，下面的代码是动态列表脚本：

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>

我dynamiclist像：

label-A

阿伦 Aruna Amala label- B Bala bhuvana

来源

2012-03-02 user1138509

您无法改变鼠标的位置。 – Ohgodwhy 2012-03-02 09:48:07

好的谢谢。我有一个div的列表，我为该div设置了滚动条。如何更改滚动条的位置？ – user1138509 2012-03-02 09:59:04

对于这一点，你需要使用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列表中的项目。

来源

2012-03-02 10:21:52 Ohgodwhy

我得到这样的错误scrollTo.offset（）为空，而不是对象 – user1138509 2012-03-02 11:39:41

什么是scrollTo = $（this）;？这是什么值？我得到了同样的错误 – user1138509 2012-03-02 12:17:58

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

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

或做平滑的动态：

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

scrollTop jQuery page

来源

2012-03-02 10:00:02 switz

当srollbar在顶部时，它的工作状态很好，否则它会移动到错误的位置，并且它在brower中的工作不在emulator.Its工作不正常。当我单击按钮“a”时，滚动条移动到标签中的“a”动态列表。当我单击按钮“s”时，滚动条移动到动态列表中的标签“s”。 – user1138509 2012-03-02 10:20:11

发布您的代码。 – switz 2012-03-02 16:10:37

如何使用jQuery或JavaScript更改光标位置或滚动条位置？

回答

相关问题