24 янв. 2014 г.

Кнопка наверх на blogspot.

Кнопка наверх на blogspot/blogger.

 На фейсбук, просматривая страницу с анонсами своих друзей, прокручивая вниз колесо мыши и дойдя до последней новости, нет такой возможности, как например на VK, переместится одним нажатием клавиши обратно к шапке.
Для меня откровенно говоря это остается тайной покрытой мраком.
До этой поры и на моих блогах на blogspot/blogger не было этого функционала.
Сначала постов было не так много, потом другие заботы или ещё что.
Теперь, немного кода для практики.

<a href="#" id="toTop">
<img src="http://db.tt/4ITg1D7M" border="0" align="absmiddle" /></a>
<script src="http://www.dropbox.com/s/h6y2ne35lgpdl7x/up.js"
type="text/javascript"></script>
<script type="text/javascript">
$(
function
() {
$(
"#toTop"
).scrollToTop();
});
</script>

Этот код необходимо вставить между тегами <body> </body> в шаблоне своего блога.
Саму картинку можно заменить на любую свою, только нужно помнить, что прозрачность поддерживают только GIF и PNG формат.
JS-файл, так-же можно скачать прямо по этой ссылке, и загрузить на свой сайт.
Теперь, значок стрелки для мгновенного перехода, указывающей наверх, будет виден в левом нижнем углу когда ползунок опустится в самый низ.
Если добавить стили,
#toTop {
position: fixed;
bottom: 5px;
right: 10px;
background: none;
cursor: pointer;}

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


Комментариев нет:

Отправить комментарий

Благодарим за ваш комментарий, он очень важен для читателей, и будет опубликован после проверки.