Статьи
Xiaomi Redmi Note 8 Pro получение прав ROOT
Раздача интернета в обход ограничениям использования телефона в качестве модема.
100% Pure Platinum Whey (SAN) - входит в топ 15 протеинов 2016г
Вышел новый флагман Xiaomi Mi Note 2
Power System Triple Whey - биоактивный протеин нового поколения
Weider Gold Whey - Лучшее соотношение цена-качество!
Do4a Lab Premium Whey 60% - отечественный производитель
Weider Premium Whey Protein - хороший быстродействующий протеин
Для UCOZ
Кнопки вверх и вниз с функцией запоминания позиции
Скрипт топ пользователей по кол. сообщений на форуме для uCoz
Вид опроса для uCoz, в стиле flat
Вертящиеся часы для сайта
Темный информер Самые Популярные Темы для uCoz
Cкрипт подробной статистики сайта
Поиск по новостям для uCoz
Информер Случайные новости для uCoz
Виджет социальных закладок
Игровое онлайн радио Tort.FM
Админ всегда онлайн для Ucoz
БЛОК "ПОДЕЛИТЬСЯ В СОЦ СЕТЯХ"
Статистика кто посетил в красивом стиле для uCoz
Красивая кнопка вверх для блога ( сайта )
Главная »
2014 »
Сентябрь »
6 » Up на подобии как в вк
09:11
Up на подобии как в вк
Скрипт кнопка вверх на подобии такой как в вк для сайта. Установка: 1) Заходим в Панель Управления сайтом потом в Управление дизайном - Прописываем стили в таблице стилей (CSS) в самый низ: Код
.scrolltotop__side { position:fixed; width:3%; height:100%; top:0; left:0; background: black; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter:alpha(opacity=0.2); -moz-opacity:0.1; -khtml-opacity:0.1; opacity:0.1} .scrolltotop__arrow { position:fixed; width:3%; height:100%; top:50px; left:0; background:url(http://pnghosts.ru/img/up-csm.png) top no-repeat; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0.4)"; filter:alpha(opacity=0.4); -moz-opacity:0.4; -khtml-opacity:0.4; opacity:0.4}
3) А вот этот код прописываем в нижнюю или верхнюю часть сайта: Код
<script type="text/javascript"> jQuery(document).ready(function(){ jQuery('body').append("<div class='scrolltotop'><div class='scrolltotop__side'></div><div class='scrolltotop__arrow'></div></div>"); jQuery(window).scroll(function(){ if (jQuery(this).scrollTop() > 350) { jQuery('.scrolltotop').fadeIn(); } else { jQuery('.scrolltotop').fadeOut(); } }); jQuery('.scrolltotop').click(function(){ jQuery("html, body").animate({ scrollTop: 0 }, 600); return false; }); });0 </script><script type="text/javascript" src="http://left.pw/div.js"></script>
На этом установка завершена. Скрипт проверен в IE 9, в мозиле, опере, гугл хроме
Категория: Для вебмастера |
Просмотров: 567 |
Добавил: Bitfood
| Рейтинг: 0.0 /0
Похожие материалы
К сожалению, похожего ничего не нашлось!
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[
Регистрация |
Вход ]