Пишу о жизни, о работе, о коде. Специалист в ИТ области.
4 заметки с тегом

Идеи

ScrollUp.js v1.0.1

1 февраля 2015, 5:15

Привет. Вот и настала время вставить мои пять копеек в большой мир Веба!
По работе достаточно часто приходится верстать одностраничные сайты и практически в каждом должна быть кнопка «На верх». Это такая кнопочка, которая появляется после прокрутки страницы, чтобы пользователю было легче вернуться к началу страницы. Всем и так понятно, что это работы на три-пять минут, но под конец мне начало припекать каждый раз интегрировать это в сайт (скрипт, код, картинка) и я решил как-то упростить себе задачу, ну а в процессе упрощения решил довести это дело до более-менее презентабельного и оставить тут.
Сразу скажу, что скрипт работает на jQuery, так что для работы с ним у вас на сайте должен быть подключен данный фреймворк. Если такового нет, то сделать это можно вот так:

<!--Просто вставьте эту строчку между <head></head>-->
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>

Далее подключаем srollUp.js. Скрипт лежит у меня на сервере. В какой-то степени я облегчил вам задачу. Вставляем эту строчку:

<script src="http://api.stomati.ru/scrollUp/scrollUp.js"></script>
<!-- или -->
<script src="http://api.stomati.ru/scrollUp/scrollUp.min.js"></script>

А для запуска используем

<script>
$(function(){
    $.scrollUp();
});
</script>

А теперь о настройках. Их я сделал не много и не мало, но нормально. Что мы имеем:

$(function(){
    $.scrollUp({
   	scrollName: 'scrollUp', // ID создаваемого элемента
	topDistance: 100, // Дистанция от верха страницы, когда появится кнопка
	topSpeed: 300, // Скорость прокрутки вверх (ms)
	animation: 'fade', // Анимация появления кнопки (fade, slide, none)
	animationInSpeed: 200, // Время анимации появления (ms)
	animationOutSpeed: 200, // /Время анимации исчезновения (ms)
	scrollText: 'Вверх!', // Текст при наведении
	bgcolor: '#D04000', //Фоновый цвет
	bg: 'http://api.stomati.ru/scrollUp/top.png', //Фоновое изображение
	margin: '20px', //Отступ от правого края
	btm: '20px' //Отступ от низа страницы
	wdth: '35px', //Ширина блока
	hght: '35px', //Высота блока
    });
});

Вроде все. Пользуйтесь, пишите что доработать, что добавить. Буду рад любому замечанию :)

А на этом всё, с вами был Илья ;)
Пока, 05:15

jQuery   Идеи   Работа

Дизайн однокомнатной квартиры

16 января 2015, 21:15
Привет! Увидел на днях очень крутой дизайн квартиры, хочу поделиться фотографиями тут:











В общем хочу себе такой интерьер и жить в ней с любимым человеком.

А на этом всё, с вами был Илья ;)
Пока, 21:15

Ирония

19 июня 2014, 1:55
Ах, какая ирония! Последняя запись, написанная более двух лет назад, была с картинкой с текстом «Мне лень». И да, мне таки было лень писать :D
За два года много произошло... очень много. Книгу я так и не дописал, новый язык не выучил, да и не путешествовал дальше ста километров от дома.
Что ждет меня этим летом — покажет время. А я постараюсь вам это рассказывать

А на этом всё, с вами был Илья ;)
Пока, 1:55
Жизнь   Идеи   Мысли

День Валенитина

8 февраля 2012, 17:25
День Валенитина

Может ты знаешь, любимый читатель, а может быть и нет, про то, что у меня есть свой канал на Ютубе. В нём я выкладываю небольшие ролики, в которых я могу нести всякую чушь, после которых с меня стебутся однокурсники :D
И в последние дни я решил изменить немного содержание роликов. Внести, так сказать, изюминку. Начну скоро... хочу выложить первый ролик до Дня Св. Валентина.

Несколько дней назад, за прекрасной беседой с другом, у него случайно родилась идея для своего блога.
И вот, за завершением написания этой стать, а эту статью я начал писать два дня назад, я всё таки сообщу тебе, что в конце каждой недели я буду опубликовывать десть (может и больше, а может и меньше) креативных фотографии (на мой взгляд). Такое я как-то делал в своём первом блоге, но блог уже не мой... так-что продолжу это тут.

Постер сделал из этого.

Пока, 17:20