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

Question

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

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

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

Answer 1

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

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

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

Answer 2

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

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