пʼятницю, 19 лютого 2016 р.

Кнопка ВВЕРХ для блога

Привет, привет. Вот решила поставить себе стрелочку  быстрой прокрутки страницы вверх. Прелесть в том, что прокрутка не  быстрая, а мягкая, плавная. Мне понравилось. Да и  способ установки стрелки ВВЕРХ   без редактирования шаблона, что очень хорошо для тех, кто ничего в этом не смыслит.

Примеры стрелок для сайта "вверх"


     
     
     
     

Теперь конспектирую сам способ установки
Отправляемся в ПУ блогера. Находим в левом столбике меню ДИЗАЙН, открываем.



Добавляем гаджет, выбираем из основных  HTML/JavaScript.



Название не пишем, а в содержание копируем вот этот код.


Код:
<script type="text/javascript" >
var smoothJumpUp = function() {
if (document.body.scrollTop>0 || document.documentElement.scrollTop>0) {
window.scrollBy(0,-50);
setTimeout(smoothJumpUp, 20);
}
}
</script>
<div id="topcontrol" style="position: fixed; z-index: 100500; bottom: 5px; right: 5px; cursor: pointer; opacity: 1; " title="К началу страницы">
<a href="javascript:smoothJumpUp()">
<img src="ПРЯМАЯ ССЫЛКА НА КАРТИНКУ"/>
</a>
</div>

Осталось только вставить вместо слов ПРЯМАЯ ССЫЛКА НА КАРТИНКУ саму прямую ссылку ссылку на картинку. Если вы вдруг не знаете как это сделать, то нужно вернуться к моим примерам стрелочек, клацнуть на понравившейся правой кнопкой мыши,  скопировать URL изображения  и   вставить его  в код. Сохраняем. Готово!

Теперь можно поэкспериментировать. 
Если изменить цифры в поле window.scrollBy(0,-50); то можно изменить скорость прокрутки. 
А если увеличить значение в  setTimeout(smoothJumpUp, 20); то можно плавность заменить на шагами.

Все, у кого получилось поставить  эту кнопочку, можете писать  ссылку на свой блог в комментариях!



Немає коментарів:

Дописати коментар