如何使用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更改光標位置或滾動條位置？

回答

相關問題