Прокрутка к якорю внутри DIV при внешнем щелчке, через jQuery

У меня есть прокручивающее подразделение, которое содержит список отелей, сгруппированных по алфавиту. Над этим делением у меня есть алфавитный указатель ссылок, который при нажатии меня хотел бы, чтобы соответствующий алфавитный элемент прокручивался вверх, в пределах деления.

Я потратил около часа на то, чтобы прочесать сеть и попробовать различные методы, и не нашел ничего, что делает то, что я ищу, или, по крайней мере, что-то, что я могу понять; Я не гений JQuery.

Любая помощь будет высоко оценена!

Solutions Collecting From Web of "Прокрутка к якорю внутри DIV при внешнем щелчке, через jQuery"

Вы хотите element.scrollIntoView(); это прокрутит окно браузера / div, чтобы сделать элемент видимым на странице.

Пример: ссылка на скрипку

Обновление : добавлен более полный динамический пример.

CSS

 #container { overflow: auto; height: 50px; } .scrollto { color: blue; text-decoration: underline; cursor: pointer; } 

HTML

 a e i 
a
b
c
d
e
f
g
h
i

JS

 $('.scrollto').click(function() { $('#' + $(this).text()).get(0).scrollIntoView(); // or $('#' + $(this).text())[0].scrollIntoView(); }); 

В основном в этом примере я создал небольшой переполненный div, заставляя его иметь полосу прокрутки.

Затем я использую id anchors для тегов div внутри него, чтобы маркировать различные области в нем. У меня есть промежуток вне дел до автоматической прокрутки до определенной точки привязки внутри переполненного DIV при нажатии.


@Wayne Smallman : согласно вашему html-коду в вашем комментарии, это то, что вы бы использовали

 $('div#index ul li a').click(function() { $($(this).attr('href')).get(0).scrollIntoView(); }); 

Демо-версия скрипта