Как изменить положение курсора или положение полосы прокрутки, используя jquery или javascript?

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

Arun Аруна Амала Этикетка-Б Bala бхувана

Answer 1

Для этого вам необходимо использовать метод scrollTop

Сначала мы объявляем переменную для контейнера элементов, которые нам нужно прокрутить.

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