CSS - переполнение: прокрутка; - Всегда показывать вертикальную полосу прокрутки?

Итак, в настоящее время у меня есть:

#div {
  position: relative;
  height: 510px;
  overflow-y: scroll;
}

Однако я не считаю, что некоторым пользователям будет очевидно, что там больше контента. Они могли прокручивать страницу вниз, не зная, что мой div действительно содержит намного больше контента. Я использую высоту 510px, так что он отсекает некоторый текст, поэтому на некоторых страницах он выглядит так, что есть больше контента, но это не работает для всех из них.

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

Ответы

Ответ 1

Просто столкнулся с этой проблемой. OSX Lion скрывает полосы прокрутки, пока они не используются, чтобы сделать ее более "гладкой", но в то же время проблема, которую вы исправили, появляется: люди иногда не могут видеть, имеет ли div функцию прокрутки или нет.

Исправление: в вашем css include -

@media(device-width: 768px) and (device-height: 1024px){
    ::-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);
    }
}

настройте атрибут по мере необходимости. Источник

Ответ 2

Обратите внимание на iPad Safari, решение NoviceCoding не будет работать, если у вас есть - webkit-overflow-scrolling: touch; где-то в вашем CSS. Решение либо удаляет все вхождения -webkit-overflow-scrolling: touch;, либо помещает -webkit-overflow-scrolling: auto; в Решение NoviceCoding.

Ответ 3

Это будет работать с iPad на Safari на iOS 7.1.x из моего тестирования, но я не уверен в iOS 6. Однако Firefox не работает. Существует плагин jQuery, который предназначен для кросс-браузера, который называется jScrollPane.

Кроме того, здесь есть дублирующийся пост в разделе Переполнение стека, в котором есть другие сведения.

Ответ 4

Это заставит полосы прокрутки всегда отображаться, когда есть содержимое в окнах, которые нужно прокрутить для доступа, это относится ко всем окнам и всем приложениям на Mac:

Запустите Системные настройки из меню Apple Нажмите на панель настроек "Общие" Найдите "Показать полосы прокрутки и выберите радиобокс рядом с" Всегда " Закрытие системных настроек при завершении