jqueryまたはjavascriptを使用してカーソルの位置またはスクロールバーの位置を変更する方法は？

Question

私はラベルとそのラベルの対応する値を1つずつ（例えばlabel： 'A'、値：Arun、Amala、Arunaから 'Z'まで）動的リストを作成するためにAndroid phonegapアプリケーションを使用しました。ページの

アルファベット（ 'A'）をクリックすると、リストには値が付いたラベル（ 'A'）が自動的に表示され、 'B'リスト。

ラベルの現在の位置（ 'A'）を取得し、カーソルをその位置に移動してラベル（ 'A'）に値を表示する方法はありますか？

私のコードは：私はコードの下に、ローカルデータベースから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> 

マイ動的リスト：

label-A 

アルン アルナ アマラ label- B Bala bhuvana

Answer 1

を、あなたは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リスト内の項目に直接スクロールする必要があります。

Answer 2

マウスの位置を変更することはできませんが、javascriptを使用してスクロール位置を変更することはできます。

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

やアニメーションスムーズにそれを行うには：このため

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

scrollTop jQuery page