Я отредактировал несколько классных полос прокрутки. Мне нужен был текст, чтобы быть посередине, так что это похоже на фрейм ... как вы видите, когда принимаете какие-то условия обслуживания и прочее. Я попытался добавить текст, но я не могу заставить его работать? http://jsfiddle.net/Hunter4854/RHMCm/ Пожалуйста, не вниз голосование, если у вас есть вопрос, просто добавьте комментарий, и я отвечу :)Использование пользовательских полос прокрутки для размещения текста?
1
A
ответ
1
<head>
<meta content="en-us" http-equiv="Content-Language">
<style>body {
top: 0;
left: 0;
bottom: 0;
right: 0;
background: green;
}
.a::-webkit-scrollbar {
width: 15px;
height: 15px;
}
.a::-webkit-scrollbar:vertical {
background: -webkit-linear-gradient(left, #525252 0%,#202020 50%,#020202 50%,#101010 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(left, #525252 0%,#202020 50%,#020202 50%,#101010 100%); /* W3C */
}
.a::-webkit-scrollbar:horizontal {
background: -webkit-linear-gradient(top, #525252 0%,#202020 50%,#020202 50%,#101010 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(top, #525252 0%,#202020 50%,#020202 50%,#101010 100%); /* W3C */
}
.a::-webkit-scrollbar-track:vertical {
background: -webkit-linear-gradient(left, #1d1d1d 0%,#1b1b1b 50%,#171717 50%,#1d1d1d 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(left, #1d1d1d 0%,#1b1b1b 50%,#171717 50%,#1d1d1d 100%); /* W3C */
border-radius: 15px;
}
.a::-webkit-scrollbar-track:horizontal {
background: -webkit-linear-gradient(top, #1d1d1d 0%,#1b1b1b 50%,#171717 50%,#1d1d1d 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(top, #1d1d1d 0%,#1b1b1b 50%,#171717 50%,#1d1d1d 100%); /* W3C */
border-radius: 15px;
}
.a::-webkit-scrollbar-thumb {
border-radius: 15px;
border: 1px solid black;
}
.a::-webkit-scrollbar-thumb:vertical {
background: -webkit-linear-gradient(left, #878787 0%,#474747 50%,#282828 50%,#4a4a4a 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(left, #878787 0%,#474747 50%,#282828 50%,#4a4a4a 100%); /* W3C */
}
.a::-webkit-scrollbar-thumb:horizontal {
background: -webkit-linear-gradient(top, #878787 0%,#474747 50%,#282828 50%,#4a4a4a 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(top, #878787 0%,#474747 50%,#282828 50%,#4a4a4a 100%); /* W3C */
}
.a::-webkit-scrollbar-thumb:hover {
}
.a::-webkit-scrollbar-corner {
background: black;
}
.a::-webkit-scrollbar-button:vertical {
background: -webkit-linear-gradient(left, #525252 0%,#202020 50%,#020202 50%,#101010 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(left, #525252 0%,#202020 50%,#020202 50%,#101010 100%); /* W3C */
}
.a::-webkit-scrollbar-button:horizontal {
background: -webkit-linear-gradient(top, #525252 0%,#202020 50%,#020202 50%,#101010 100%); /* Chrome10+,Safari5.1+ */
background: linear-gradient(top, #525252 0%,#202020 50%,#020202 50%,#101010 100%); /* W3C */
}
</style>
</head>
<div class="a" style="position:absolute;width:200px;height:200px;background:white;overflow-y:scroll">
</div>
Посмотри здесь http://jsfiddle.net/3uTjv/
Смежные вопросы
- 1. Несколько пользовательских полос прокрутки
- 2. Javascript Создание пользовательских полос прокрутки
- 3. TextArea без полос прокрутки
- 4. Управление положением вертикальных полос прокрутки
- 5. Настройка полос прокрутки UIScrollView
- 6. Изменить ширину полос прокрутки
- 7. JScrollPanel без полос прокрутки
- 8. Создание пользовательских полос прокрутки скрыть и показать на hover
- 9. «Создание» полос прокрутки Diva
- 10. Обнаружение нестандартных полос прокрутки
- 11. Прокручиваемая область без полос прокрутки
- 12. Использование констант ui-grid для отключения полос прокрутки
- 13. Использование оконных полос прокрутки для управления прокруткой переполненных div - Javascript
- 14. FLEX - отключить mousescroll для полос прокрутки?
- 15. Изменить размер IFRAME для удаления полос прокрутки
- 16. Контейнер Div для bg без полос прокрутки
- 17. IE8 Уходящее пространство для ненужных полос прокрутки
- 18. Установить ширину полос прокрутки программно
- 19. Укладка на странице полос прокрутки
- 20. Добавление полос прокрутки в javascript
- 21. HTML: поведение вложенных полос прокрутки
- 22. Подключение нескольких полос прокрутки для прокрутки сразу с помощью jQuery
- 23. TextArea без полос прокрутки (awt)
- 24. прокрутка переполнения без полос прокрутки
- 25. Определите размеры полос прокрутки холста
- 26. Прокручиваемый div без полос прокрутки
- 27. Сохранение состояния/местоположения полос прокрутки
- 28. Как изменить цвет полос прокрутки
- 29. применение полос прокрутки к картинкеBox
- 30. Div Прокрутка двух полос прокрутки
Не могли бы вы добавить скриншот/изображение, показывающее, что вы хотите его выглядит как? –
извините, я понятия не имею, как это сделать ... –