» »

Надпись "Вверх" с поднятием страницы сайта


Надпись "Вверх" с поднятием страницы сайта

Есть дизайн сайт, где кнопка вверх просто не подходит по стилистике. И здесь можно применить не кнопку а надпись, на которую клик и она поднимаете страницу. Вы думаю не раз видели на порталах, она основном находится в низ сайта. Возможно выделена совершенно другим оттенком цвета. Сама надпись не будет пропадать, и ее можно также прописать к описанию или что у ваз в низ сайта написано.

Установка:

Ставим там где вам нужно:

Код
<a href="javascript://" rel="nofollow" onclick="$('body').scrollTo('0',600, {axis:'y'})" title="Подняться вверх страницы">  
  <span>Вверх</span>  
  </a>


Примерно так будет смотреться, просто быстро проверил на работоспособность.

Скрипт поднять вверх страницу

Как видите, все очень просто, можно поставить на блог, чтоб не мешалась и не отвликала кнопка.
23.10.2016 Просмотров: 364 Комментарий: (5)

Поделиться в социальных сетях

Материал разместил

Комментарий: 5
Webmaster32
Webmaster32 23.10.2016 01:181
+1
Что-то она у меня не работает, нажимаешь толку 0
Немного подправил заработало.

Код
<a href="#Top" rel="nofollow" title="Подняться вверх страницы"><span>Вверх</span>
Kosten
Kosten 23.10.2016 01:502
0
Не знаю, что там поправить нужно, но стоит на тестовом и работает, и главное, поднимает не как на форуме, и не скажешь что плавно, что то среднее.

Вот пригодилось уже.)
Сопрано
Сопрано 23.10.2016 02:563
0
Тоже попробовал, поставил и все работает.
ucozmental
ucozmental 23.10.2016 03:054
0
Так только на низ сайта и ставят этот скрипт, просто не куда больше он не подойдет, если них темный, то должно подойти как нужно.
Kosten
Kosten 23.10.2016 14:245
0
Но приложил, как вообще будет смотреться, и ставят основном в низ сайта, не под кнопку, а прописью.
avatar