Size: a a a

CSS — русскоговорящее сообщество

2020 June 01

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
t . n i e t s
Всем привет
Нужно чтобы начинался скроллиться внешний блок когда внутренний скролл достигал вверха/низа. (на мобилке)

Возможно ли это с помощью css?
ну кстати странно, в цссе в браузере сафари не просто добиться поведения overflow: auto;
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
а как оно у тебя реализовано ?
источник

t

t . n i e t s in CSS — русскоговорящее сообщество
Андрей Гуртовой
а как оно у тебя реализовано ?
просто overflow-y: auto;
источник

t

t . n i e t s in CSS — русскоговорящее сообщество
Андрей Гуртовой
ну кстати странно, в цссе в браузере сафари не просто добиться поведения overflow: auto;
а почему «не просто» ?
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
t . n i e t s
просто overflow-y: auto;
ну вот посмотри сколько искателей решения проблемы https://www.google.com/search?q=overflow+auto+safari
источник

t

t . n i e t s in CSS — русскоговорящее сообщество
как раз это и читаю) после твоих слов
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
не мог бы ты предоставить пример где-нибудь в песочнице ?
источник

АГ

Андрей Гуртовой... in CSS — русскоговорящее сообщество
t . n i e t s
как раз это и читаю) после твоих слов
ну судя по всему у тебя это работает :)
источник

t

t . n i e t s in CSS — русскоговорящее сообщество
Андрей Гуртовой
не мог бы ты предоставить пример где-нибудь в песочнице ?
сейчас попробую
источник

t

t . n i e t s in CSS — русскоговорящее сообщество
Андрей Гуртовой
не мог бы ты предоставить пример где-нибудь в песочнице ?
источник

t

t . n i e t s in CSS — русскоговорящее сообщество
нашел библиотеку для решения проблемы, правда там нужно использовать -webkit-overflow-scrolling: touch. А на safari он еще другие проблемы вызывает…буду пробовать

https://www.npmjs.com/package/inobounce

видимо css-only решения нет
источник

t

t . n i e t s in CSS — русскоговорящее сообщество
и то я не уверен, возможно он только bounce убирает, а чтобы parent скроллился все равно придется лишний раз палец подымать
источник

AK

Andrei Konash in CSS — русскоговорящее сообщество
я предлагаю тебе повесить на внутренний элемент overflow: hidden
а на ontouch по элементу давать overflow: auto
источник

AK

Andrei Konash in CSS — русскоговорящее сообщество
поидее сначала происходит ontouch потом onscroll думаю это пофиксит твой кейс
источник

AK

Andrei Konash in CSS — русскоговорящее сообщество
ну и когда внутренний элемент закончится, можно снова вешать hidden при скролле вниз
источник

AK

Andrei Konash in CSS — русскоговорящее сообщество
но такое лучше писать в react сообщества
источник

AK

Andrei Konash in CSS — русскоговорящее сообщество
без обид😊
источник

t

t . n i e t s in CSS — русскоговорящее сообщество
Andrei Konash
но такое лучше писать в react сообщества
в js тогда уж)

в react сразу напишут «причем тут реакт????»
источник

Кm

Кирилл mrDoode in CSS — русскоговорящее сообщество
😀
источник

SB

Sergey Bekharsky in CSS — русскоговорящее сообщество
Честно говоря, это вообще довольно странный интерфейс
источник