DDR64.ru

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

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

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

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

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

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

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

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

 

 

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

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

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