Привет, привет. Вот решила поставить себе стрелочку быстрой прокрутки страницы вверх. Прелесть в том, что прокрутка не быстрая, а мягкая, плавная. Мне понравилось. Да и способ установки стрелки ВВЕРХ без редактирования шаблона, что очень хорошо для тех, кто ничего в этом не смыслит.
Код:
Примеры стрелок для сайта "вверх"
Отправляемся в ПУ блогера. Находим в левом столбике меню ДИЗАЙН, открываем.
Добавляем гаджет, выбираем из основных 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); то можно плавность заменить на шагами.
Теперь можно поэкспериментировать.
Если изменить цифры в поле window.scrollBy(0,-50); то можно изменить скорость прокрутки.
А если увеличить значение в setTimeout(smoothJumpUp, 20); то можно плавность заменить на шагами.
Все, у кого получилось поставить эту кнопочку, можете писать ссылку на свой блог в комментариях!
Немає коментарів:
Дописати коментар