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

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

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

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

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

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

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

 

 

(1 оценок)
Подписаться
Уведомить о
guest
0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии
0
Оставьте комментарий! Напишите, что думаете по поводу статьи.x