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

Question

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

Так что в настоящее время у меня есть:

#div {

  position: relative;

  height: 510px;

  overflow-y: scroll;

}

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

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

802 4

css macos overflow scroll

4 ответов:

Comments

Ничего не найдено.

NoviceCoding · Accepted Answer · 2017-01-27 14:15:32

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

исправление: в вашем css включить -
@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);
    }
}
настроить внешний вид по мере необходимости. источник

Razan Paul · Accepted Answer · 2017-04-24 04:47:56

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

JStarcher · Accepted Answer · 2017-05-23 15:34:37

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

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

Michelle · Accepted Answer · 2017-03-04 17:54:47

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

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