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

Часовой пояс: 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 часа [ Летнее время ]


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

Сейчас этот форум просматривают: нет зарегистрированных пользователей


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

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