Использование JQuery .scroll () для репликации панели прокрутки на основе импульса, которая привязывается к элементам

Question

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

У меня есть теория, как это сделать, нонужна помощь.

Современные браузеры и операционные системы, в частности Safari, в любом случае обладают определенной скоростью в прокрутке.То, что я хотел бы сделать, это заставить его распознавать, когда анимация прокрутки завершена, а затем прокрутить немного дальше, чтобы привязаться к элементам li внутри.

Предпочтительно, я бы хотел, чтобы он плавно прокручивал вправо до элемента, которыйпривязывается к.В настоящий момент функция scroll () в JQuery работает только для фактической пользовательской прокрутки, а не для любого импульса, который может последовать.

iScroll довольно неплохо справляется с этой задачей, но он очень большой и громоздкий для нашеготребования и не обратно или совместимость с Internet Explorer.

Любые идеи, как мы можем достичь этого.

Чудесный

Answer 1

Это на самом деле довольно просто и может быть достигнуто с помощью jQuery;Вы можете использовать функцию анимации jQuery для анимации прокрутки (scrollTop) и установить функцию замедления на easeOutElastic из этого плагина http://james.padolsey.com/demos/jquery/easing/.

$('myButton').click(function() {
    $('myScroll').animate({scrollTop : XX},'easeOutElastic');
});