Задачка jQuery

Плавная прокрутка

Cделай плавную прокрутку при клике на якорь (якорь — это ссылка внутри страницы вроде <a href="#some-id">...</a>. При клике на нее страница прокручивается к элементу с id="some-id").

Подсказки:

плавная прокрутка делается анимацией свойства scrollTop на элементах html и body (так как в Хроме за прокрутку страницы отвечает html, а в других браузерах body)
не надо вешать обработчик на все ссылки кодом вроде $('a').click так как это неэффективно и не работает для новых добавляемых ссылок. Используй метод on который ставит 1 обработчик на верх документа
не забудь предотвратить обработку события браузером, иначе страница будет прыгать
пользователь во время прокрутки может успеть нажать на другой якорь. В такой ситуации надо отменить анимацию и начать новую (jQuery по умолчанию не отменяет анимацию, а доигрывает ее до конца и только потом запускает вторую, что в большинстве случаев неправильно).
проверь что вместо клика мышкой по ссылке можно подвести курсор кнопкой Tab и нажать Enter
сложнее: проверь, работают ли кнопки «Назад»/«Вперед» корректно, перематывают ли она страницу? Сохраняется ли переход в истории, как это происходит без твоего скрипта?
сложнее: проверь, меняется ли URL страницы при клике (добавляется ли якорь после #)? Можно ли переслать ссылку которая откроет нужное место страницы? Сохраняется ли положение прокрутки при обновлении страницы? В общем, проверь что с твоим скриптом история в браузере работает так же как и без него.