Size: a a a

2020 September 22

KK

Kostya Kondratiuk in FrontCoder
Rikki Placebo
Как это работает?
источник

RP

Rikki Placebo in FrontCoder
источник

ИМ

Игорь Морозов... in FrontCoder
Rikki Placebo
Двое суток искал решение, но стоило написать вопрос, как через 20 минут сам его нахожу…
и в чем же решение заключалось? у меня просто нет мака, у меня все и так работает))
источник

RP

Rikki Placebo in FrontCoder
Игорь Морозов
и в чем же решение заключалось? у меня просто нет мака, у меня все и так работает))
В каком-то смысле отсутствие айфона или айпада решает множество проблем :)

Решение в том чтобы задать элемету которой мы хотим скроллить высоту (window.innerHeight - высота  контейнера этого элемента). Там проблема была в том что адрессбар сверху крал часть высоты, а из-за overflow: hidden у body он не скрывался при прокрутке как должен. Хз понял ли ты мое объяснение. Как смог
источник

RP

Rikki Placebo in FrontCoder
источник

PO

Pavel Omelchenko in FrontCoder
у меня нет ипада, так что протестить могу только с десктопоном браузере
источник

RP

Rikki Placebo in FrontCoder
Pavel Omelchenko
у меня нет ипада, так что протестить могу только с десктопоном браузере
Да все уже решил, но спасибо
источник

PO

Pavel Omelchenko in FrontCoder
окей
источник

ИМ

Игорь Морозов... in FrontCoder
Rikki Placebo
В каком-то смысле отсутствие айфона или айпада решает множество проблем :)

Решение в том чтобы задать элемету которой мы хотим скроллить высоту (window.innerHeight - высота  контейнера этого элемента). Там проблема была в том что адрессбар сверху крал часть высоты, а из-за overflow: hidden у body он не скрывался при прокрутке как должен. Хз понял ли ты мое объяснение. Как смог
он крадет кстати именно из за 100vh. У нас нет на проектах нигде где нужна поддержка ios 100vh)) Если 100% ставить то вроде норм будет
источник

ИМ

Игорь Морозов... in FrontCoder
https://stackoverflow.com/questions/37112218/css3-100vh-not-constant-in-mobile-browser
тут можно почитать почему так, если интересно)
источник

RP

Rikki Placebo in FrontCoder
Спс. Гляну
источник

RP

Rikki Placebo in FrontCoder
Игорь Морозов
он крадет кстати именно из за 100vh. У нас нет на проектах нигде где нужна поддержка ios 100vh)) Если 100% ставить то вроде норм будет
100% для absolute не поставить :/ я хотел сделать меню на весь экран
источник

ИМ

Игорь Морозов... in FrontCoder
Rikki Placebo
100% для absolute не поставить :/ я хотел сделать меню на весь экран
fixed используйте)
источник

RP

Rikki Placebo in FrontCoder
Игорь Морозов
fixed используйте)
Да, стоит и этот вариант попробовать. Спасибо
источник

RP

Rikki Placebo in FrontCoder
А кто как решает проблему с transition у элементов когда он сначала display:none, а потом display:block? Transition не работает между сменой display с none на block. Например при смене элемента с none на block не сработает к примеру transition для transform или width, height... Я нашел решение с помощью библиотеки velocity, но может кто-то знает решение получше?

P.S. Как же я хорош в том чтобы доносить свои мысли. Извините если кто-то не понял что я написал :/
источник

ИМ

Игорь Морозов... in FrontCoder
Rikki Placebo
А кто как решает проблему с transition у элементов когда он сначала display:none, а потом display:block? Transition не работает между сменой display с none на block. Например при смене элемента с none на block не сработает к примеру transition для transform или width, height... Я нашел решение с помощью библиотеки velocity, но может кто-то знает решение получше?

P.S. Как же я хорош в том чтобы доносить свои мысли. Извините если кто-то не понял что я написал :/
можете на codepen поместить то что не работает у Вас?
источник

RP

Rikki Placebo in FrontCoder
сек
источник

RP

Rikki Placebo in FrontCoder
https://jsfiddle.net/watjsqe5/

Вот. При переходе от display none к display block не срабатывает transition для width и height
источник

ДБ

Дмитрий Баевский... in FrontCoder
Rikki Placebo
https://jsfiddle.net/watjsqe5/

Вот. При переходе от display none к display block не срабатывает transition для width и height
Ну так да. Надо через промежуточный класс делать. Т.е. не напрямую все идет, а через промежуточную ступень с display block и max-height, например, 0 к max-height scrollHeight
источник

RP

Rikki Placebo in FrontCoder
Дмитрий Баевский
Ну так да. Надо через промежуточный класс делать. Т.е. не напрямую все идет, а через промежуточную ступень с display block и max-height, например, 0 к max-height scrollHeight
Да, знаю. Нашел два решения в виде библиотеки velocity и setTimeout для промежуточных классов
источник