Навигация
Список доступных категорий сайта.
Статистика
Краткая статистика сайта.
Всего
Пользователей
Гостей
Комментарии
5 последних комментариев.
Admіn 26.10.2021 в 01:14 прокомментировал: Lifebook – ноутбук, объединяющий все гаджеты Поиск по тегам
Облако популярных тегов.
Кнопка "Вверх" для сайта с плавной прокруткой
Спускаться по лестнице в подъезде всегда проще, чем подниматься на 9-й этаж. Та же ситуация и с сайтами. Особенно если это длинный одностраничный сайт, на котором подъем на верх займет значительное время. Однако никто не оменял способ прокрутки страницы с помощью перетягивания скрол-бара в правой части окна браузера.
Но сегодня мы собрались здесь не для того, чтобы рассуждать об альтернативных путях, а рассмотреть простое компактное решение, которое поможет за пару мгновений плавно оказаться вверхну выбранной страницы.
Скрипт маленький и не будет нагружать ваш сайт.
Установка
Качаем архив и загружаем содержимое в папку images. Открываем Панель управления - Управление дизайном - Нажняя часть сайта и вставляем данный код:
Код
<a href="javascript://" onclick="$('body').scrollTo({top:$('body').offset().top, left:0}, 1500);return false;">
<div style="position:fixed; opacity:0.8; bottom:0px; right:0px;" id="fImgtotop"><img
title="Вверх" src="/images/up.png" border="0"></div>
</a>
<div style="position:fixed; opacity:0.8; bottom:0px; right:0px;" id="fImgtotop"><img
title="Вверх" src="/images/up.png" border="0"></div>
</a>
Поделись с друзьями
Категория
Может быть интересно
Скрипты
Простое решение, которое поможет быстро подняться вверх страницы.
Простое решение, которое поможет быстро подняться вверх страницы.
Скрипты 
Минималистичное светлое модальное окно для вашего сайта на CSS + HTML
Минималистичное светлое модальное окно для вашего сайта на CSS + HTML
Скрипты 
Отличная, современная светлая форма поиска, которая раздвигается при нажатии на неё.
Отличная, современная светлая форма поиска, которая раздвигается при нажатии на неё.
Комментариев: 0