Видел различные варианты кнопок наверх на сайте, но меня немного смущает что то мигающее, во вторых лишние скрипты, поэтому мне более нравится простой вариант, который легко поставить и тем более работать он будет вообще просто.
Итак для этого надо после открытия боди в темплате, проставить вот такую строку
<a name="Начало"></a>
Затем внизу например в окончании контента проставьте во такую строку
<center><a id="on_top" href="#Начало">Наверх страницы</a></center>
Как видите стиль кнопки привязан к on_top
Значит надо прописать его стиль, чтобы он красивы выглядел, прописываем в style.css его стиль.
a#on_top{ display: block; width:220px; height:30px; font-size: 15px; line-height: 30px; text-indent: 20px; text-decoration: none; margin: 10px; color: #fff; background: #1f637c; border-radius: 6px; -webkit-border-radius: 6px; -moz-border-radius: 6px; -khtml-border-radius: 10px; } a#on_top:hover{ text-decoration: underline; }
Все,в итоге мы получаем аккуратную кнопку внизу, нажав которую можно попасть наверх страницы. Не забываем что нажатие кнопки на клавиатуре Home также даст такой же результат. Плюс.. всегда помните, что скролл бесплатен))