Запись из жизни:


Кнопка вверх для сайта

03.02.2015 | Программер, Сайтостроение | 0 | Автор:



Разработчиком данного шаблона реализована кнопка вверх для сайта, вот только она находилась всегда снизу. Обычному пользователю не всегда нужно ппрокручивать страницу вверх с конца статьи, поэтому встал вопрос "отклеить" ее от стандартного места и перемещать вместе с прокруткой экрана, как на данный момент.

Все, что мне надо это подобрать правильный стиль оформления, т.е. подправить CSS код. Что бы не изобретать велосипед, я нашел хорошую статью Кнопка вверх для сайта - более 7 проверенных решений. и скопировал готовый код CSS кнопки:

Что бы этот код заработал мне необходимо найти в коде своего сайта строку отображающую эту кнопку, там же в HTML и будет имя CSS класса нашей кнопки:

Для кнопки их используется всего 3:

  • arrowIcon
  • vsmall
  • toTop

Прикручиваем к одному из них наш код:

Проверяем как это будет смотреться на сайте, методом тыка подбираем необходимые параметры. В моем случае получилось неплохо:

Кнопка вверх для сайта сама по себе не появится, для этого ее нужно создать, если это еще не сделано я предлагаю ознакомиться со статьей по предложенной вверху ссылке.



Метки записи: , , .





Календарь публикаций

Декабрь 2016
Пн Вт Ср Чт Пт Сб Вс
« Ноя    
 1234
567891011
12131415161718
19202122232425
262728293031  

Не пропусти акцию:

Архив новостей

Подписаться на канал KIRILL NESTEROV