ВСЕ скрипты прокрутки страницы теперь ЗДЕСЬ
перенесено
Скройлер аля Вконтакте, стрелки справа
два полупрозрачных блока для прокрутки страницы с быстрой анимации скроллинга.Автор: RUSSIAN_GOBLIN
Платформа: любая
Быстрый фиксированный скроллер вверх/вниз (JS, CSS, HTML)
Страница: 1
Сообщений 1 страница 5 из 5
Поделиться106.03.18 17:44
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
Поделиться207.03.18 02:54
Полезная штука, спасибо
Поделиться307.03.18 08:58
- Участник
- Уважение: +13
а мне так не очень нравится. но за информацию спасибо. для меня как для начинающего все важно
Поделиться407.03.18 12:48
- Бестелесный дух прошлого
- Уважение: +21
Куда вставлять скрипт? В html низ или верх? И ещё, как менять цвета стрелочек? Спасибо.
Поделиться507.03.18 14:52
- технозомби
- Уважение: +9803
- Достижения/подарки: cake 8 emoji_events 16
- Наградные баллы: 1612
- Проверенный спец: FDFD
nosorog написал(а):
а мне так не очень нравится
ее можно перекрасить.
ваще задумано, я так понимаю, как "Вконтакте" с переходом на предыдущую страницу, но эта функция не работает.
Анемона написал(а):
В html низ или верх?
можно и туда, и туда. вставляй ниже более глобальных скриптов (типа выделения кода, блогов и т.д.) - в конец окошек.
стиль находится в этой части кода:
Код:
<style type="text/css">
#scroiller{
position:fixed;
height:100%;
width:35px;
top:0px;
right:0px;
cursor:pointer;
z-index:10000;
}
#scroiller div{
padding:3px 0px 0px 0px;
}
#scroiller div#up{
display:none;
}
#scroiller div{
height:50%;
display:block;
background:#fff;
opacity:0.3;
}
#scroiller div:hover{
opacity:0.85;
background:#e2eef2;
}
#scroiller div{
font:bold 1.1em Verdana;
color:#0099cc;
}
</style>а стрелки картинкой:
Код:
<div id="up"><img src="http://uploads.ru/i/d/y/F/dyFlO.png"/></div>
<div id="down"><img src="http://uploads.ru/i/F/J/8/FJ8Z0.png"/></div>если проблемы с настройкой css, то опиши как должно выглядеть и дай сссылку на страничку с установленным кодом. подправлю.
Страница: 1
