Цвета полосы прокрутки льва

Question

Кажется, что полосы прокрутки в Lion основаны на цвете фона HTML (более светлый цвет BG = черные полосы прокрутки, более темный BG = белый).

Проблема, с которой я сталкиваюсь, состоит в том, что (я полагаю) является распространенным приемом в отношении нижних колонтитулов. Обычно я устанавливаю цвет фона для моего HTML-элемента в цвет нижнего колонтитула, поэтому, если страница короче окна браузера, кажется, что нижний колонтитул продолжается (так как элемент BODY заканчивается, а затем элемент HTML отображается до конца страницы). Однако при этом полоса прокрутки остается на основе цвета нижнего колонтитула, а не цвета области содержимого.

Есть ли какие-то другие приемы, чтобы нижние колонтитулы продолжались, когда страница короче окна, или в любом случае, чтобы заставить цвет полос прокрутки Льва (ick)?

Answer 1

У меня просто была такая же проблема, но это, похоже, решает ее. Хотя я еще не полностью протестировал его с другими браузерами. Вот как я это исправил.

html {
  background: #151515;
}
body {
  background: #FFF;
}

Я установил цвет фона, который хотел заполнить остальную часть страницы, в качестве цвета фона html, и установил белый цвет фона тела, чтобы обмануть Safari для отображения темно-серой полосы прокрутки. Надеюсь это поможет!

Answer 2

Я мог бы предложить использовать технологию липкого нижнего колонтитула. Это приклеит нижний колонтитул к нижней части и позволит вам одновременно изменить цвет фона.

Или, если вы не хотите, чтобы нижний колонтитул прилипал к нижней части, вы можете создать контейнер со 100% высотой окна (существует множество возможностей для достижения этой цели) и применить цвет фона к контейнеру. и другой цвет фона для HTML