Цвет полосы прокрутки переполнения

Question

Я новичок в HTML и CSS, и я пытаюсь создать веб-сайт, на котором большая часть текста будет отображаться на экране.

Каждая коробка будет окрашена по-разному и будет иметь больше текста, чем видна непосредственно

Мой вопрос

Могу ли я сделать цвет фона секции прокрутки, то есть бит между двумя стрелками голов матча существующий цвет фона?

Если бы я мог даже изменить цвет фактической полосы прокрутки, что было бы еще лучше

Наконец, я могу избавиться от горизонтальной полосы прокрутки, поскольку это не требуется? В настоящее время это делает мой ящик есть белая полоса вдоль нижней

Answer 1

Есть несколько soutions, чтобы изменить стиль скроллинга на сайтах:

1. Via CSS: Это не работает надежно: Например, он работает только в IE, а не в firefox. Поэтому я бы избегал этого.

2. Via JavaScript: Я предлагаю: Скрыть браузерные скроллбар и сделать свой собственный скроллбар с помощью JavaScript и некоторых стрелки-изображений, так что вы получили полный контроль над стилем. Например, вы можете использовать JQuery и JScrollPane (demo). Согласно документации, это работает во всех современных браузерах (IE, Firefox ...). Если пользователь отключит поддержку javascript, он все равно будет работать, но полосы прокрутки выглядят неуправляемыми.

Answer 2

Только Internet Explorer и Opera в режиме quirks поддерживают раскраски браузера, поэтому вам нужно попробовать javascript-решение.

Интересно, что CSS определяет некоторые system colors, поэтому, если вы (очень) гибкие с вашим дизайном, вы можете установить фон области прокрутки в соответствии с одним из них. Маловероятное решение.

Для горизонтальной полосы прокрутки вы можете опробовать overflow-x: hidden; overflow-y: scroll. Это предназначено для остановки горизонтальной прокрутки, но допускается вертикальная прокрутка. Я считаю, что CSS3 вряд ли будет работать во всех браузерах.

Update: Только видел это, который должен соответствовать вашим потребностям: http://www.leigeber.com/2009/09/javascript-scrollable-div/