it-roy-ru.com

Overflow-y: прокрутка не отображает полосу прокрутки в Chrome

Я создаю список организаций в левой части этой страницы: http://www.ihhub.org/member-map/

Этот список создается путем добавления тегов <span>, которые связаны с соответствующей картой.

Моя проблема в том, что полоса прокрутки не появляется в CHROME, но появляется в Firefox и Safari.

Какие-либо решения?

Обновление:

Эта проблема, похоже, изолирована от MAC OS.

РЕШЕНИЕ:

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
13
Graham Cairns

Согласно CSS - Переполнение: Прокрутка; - Всегда показывать вертикальную полосу прокрутки? : OSx Lion скрывает полосы прокрутки, когда они не используются, чтобы они казались более «скользкими», но в то же время возникает проблема, к которой вы обратились: люди иногда не могут увидеть, имеет ли div функцию прокрутки или нет.

CSS исправить:

::-webkit-scrollbar {
    -webkit-appearance: none;
    width: 7px;
}
::-webkit-scrollbar-thumb {
    border-radius: 4px;
    background-color: rgba(0,0,0,.5);
    -webkit-box-shadow: 0 0 1px rgba(255,255,255,.5);
}
23
Graham Cairns

Я вижу полосу прокрутки хорошо. Если вы используете Mac, вы можете убедиться, что полосы прокрутки всегда отображаются

 System preferences >> general

6
Timo

Добавьте это к вашему CSS

.list::-webkit-scrollbar {
    -webkit-appearance: scrollbartrack-vertical;
}    

или же

.list::-webkit-scrollbar {
   -webkit-appearance: scrollbarthumb-vertical;
} 
4
Timo

Я использую Windows 8 и Google Chrome версии 48.0.2564.97. И его работа идеально. Смотрите на выделенную область изображения.

 enter image description here

0
Ajay Gupta

Я использую Crome версии 48.0.2564.97 м

И он работает просто отлично. Измените его на overflow-y: auto, если не хватает элементов, он не будет отображать прокрутку.

 enter image description here

0
naman