Текущее время: 18 июн 2025, 01:28

Часовой пояс: UTC + 3 часа [ Летнее время ]


Правила форума


Пожалуйста, прежде чем задавать вопрос, воспользуйтесь поиском, возможно ответ уже существует!



Начать новую тему Ответить на тему  [ Сообщений: 12 ]  На страницу Пред.  1, 2
Автор Сообщение
 Заголовок сообщения: Re: Кнопка вверх
СообщениеДобавлено: 02 авг 2013, 22:01 
Не в сети

Зарегистрирован: 02 авг 2013, 18:01
Сообщения: 6
Я тоже эту полезную кнопочку установила. Только вот не знаю как уменьшить размер - Barin помогите советом, какое значение в коде нужно изменить?


Вернуться к началу
 Профиль  
 
 Заголовок сообщения: Re: Кнопка вверх
СообщениеДобавлено: 03 авг 2013, 01:11 
Не в сети

Зарегистрирован: 02 авг 2013, 18:01
Сообщения: 6
Нашла для себя идеальный вариант - напишу, может кому пригодится. Кнопочка получается отличная с плавной прокруткой.


Вот это нужно вставить в Мета-теги:

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.3/jquery.min.js"></script>

<script>
$(document).ready(function(){

// спрятать #back-top в начале
$("#back-top").hide();

// показать #back-top
$(function () {
$(window).scroll(function () {
if ($(this).scrollTop() > 100) {
$('#back-top').fadeIn();
} else {
$('#back-top').fadeOut();
}
});

// прокрутить плавно тело документа к 0px при нажатии
$('#back-top a').click(function () {
$('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});

});
</script>




Этот кусочек - в установку счётчиков:

<p id="back-top">
<a href="#" id="toTop"></a>
</p>



А вот это уже вписать в CSS:

#toTop {
position:fixed;
z-index:9999;
bottom:10px;
right:10px;
background: url('ВАША КАРТИНКА') no-repeat;
width: 74px;
height: 64px;
border: none;
padding: 5px;
cursor: pointer;
color: transparent;
text-decoration: none;
}



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


Вернуться к началу
 Профиль  
 
Показать сообщения за:  Поле сортировки  
Начать новую тему Ответить на тему  [ Сообщений: 12 ]  На страницу Пред.  1, 2

Часовой пояс: UTC + 3 часа [ Летнее время ]


Кто сейчас на конференции

Сейчас этот форум просматривают: Bing [Bot]


Вы не можете начинать темы
Вы не можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Найти:
Перейти: