DDR64.ru

Выделяем главное

Как вернуться на начало странице с помощь JQuery

НА ВАШИХ ГЛАЗАХ
мы запустим новую онлайн-школу за 24 часа

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

Первое, что нам нужно будет сделать, это поставить что-то вроде якоря, например, это будет какой-нибудь див блок, который всегда у вас находится вверху странице. В нашем примере, это див с id=»top»

Далее реализуем клик, на который повесим функцию.Кликать будем по кнопке с id=»verh», к примеру:

И сама функция:

Здесь 500 — это скорость подъема в мс, чем больше значение, тем медленнее прокрутка.

Можно обойтись и одной строчкой, отказавшись от переменной target_top, заменив ее на 0:

 

 

Поделиться
Оценить статью
(1 оценок, среднее: 5,00 из 5)

Добавить комментарий через VK

Добавить комментарий

Войти с помощью: