Почему может не появляться горизонтальный скролл в сафари?

Question

[Николай Семенов]

Ребят подскажите в чем может быть проблема не появляться горизонтальный скролл в сафари
свойства
overflow: auto;
position: relative;

Answer 1

[eternalfire]

https://caniuse.com/#search=overflow

нужно использовать вместо overflow: auto

.selector {
overflow: scroll; 
-webkit-overflow-scrolling: touch;
}

учите матчасть и используйте автопрефиксер

Comments

[Николай Семенов]

eternalfire, первое что предпринял..в консоле сафари ввел -webkit-overflow-scrolling: touch; почему то перечеркнуто и в восклицательным знаком

[blabs]

После обновления Safari на IOS перестала корректно работать функция отлючения скролла страницы, страница перестала жестко фиксироваться. Подскажите, есть ли у вас решение для фиксирования страницы на экране? Параметр Overflowhidden не работает

Answer 2

[Вадим Белкин]

Помог бы живой пример, а так только догадки:
1. Тупо нет переполнения ширины, ничто не выходит за границы ширины и не вызывает появление горизонтального скролла
2. Даже есть внутри есть очень широкий контент, может быть такое что у него есть доп.обертка с overflow: hidden которая просто скрывает неуместившееся и переполнения по ширине в блоке с overflow: auto; не происходит
3. Может где-то overflow: auto; переназначается другими стилями на overflow: hidden

И инфа на всякий случай, если вы вдруг ожидаете появление скролла без переполнения контентом - его не будет без переполнения, чтобы обязательно был скролл без переполнения нужно использовать  overflow: scroll

Comments

[Николай Семенов]

проблема скрола только в сафари...в остальных браузерах ок...скрол есть

[Вадим Белкин]

Увы, без живого примера подсказать не могу. Можете куда-то выложить пример для демонстрации?

[Вадим Белкин]

https://monosnap.com/file/bkAKDxoeksBLSQ8Bit98wnRt...
Записал видео, у меня скролл в Safari есть, работает, но появляется только во время скролла, видимо особенность работы скролла в браузерах на маке, т.к. в хроме на маке такое же поведение

[Вадим Белкин]

Нашел только такое решение. По сути делаем кастомную стилизацию дефолтного скролла в вебкитовых браузерах и скролл тогда остается видимым

Вок, как я понял, обсуждение данной проблемы

[blabs]

После обновления Safari на IOS перестала корректно работать функция отлючения скролла страницы, страница перестала жестко фиксироваться. Подскажите, есть ли у вас решение для фиксирования страницы на экране? Параметр Overflowhidden не работает

[Вадим Белкин]

blabs, пример кода не помешал бы, возможно он помог бы понять почему у вас не отключается скролл