Страницы

Поиск по вопросам

четверг, 18 октября 2018 г.

Как проскролить плавно страницу вниз до опреденнного элемента?

Проискал некоторые исходники - не работали. Это надо сделать на jQuery. Скролинг вверх я знаю, вот мне надо вниз и до определенного элемента, лучше с демо, чтоб посмотреть.


Ответ

Создаете элемент до которого нужно скролить и запоминаете его id:

content
Далее создаете ссылку или кнопку с указанием id элемента куда скролить: click me И собственно скрипт для скролинга: $(document).ready(function () { $("a").click(function () { var elementClick = $(this).attr("href"); var destination = $(elementClick).offset().top; if ($.browser.safari) { $('body').animate({ scrollTop: destination }, 1100); //1100 - скорость } else { $('html').animate({ scrollTop: destination }, 1100); } return false; }); }); В данном скрипте работает прокрутка, как вверх, так и вниз. UPD: добавлен полный пример страницы


scroll down
div

CONTENT
scroll up
div

Комментариев нет:

Отправить комментарий