L
Спасибо большое, щас буду группировать
обнови еще раз там както хитро надо спозиционировать
Size: a a a
2020 April 09
L
и можно обойтись двумя свг
m
Да, я вот тоже не втыкаю, как его прицепить на линию, а не куда-то на луну
m
Может ещё учитывается холст, кроме размера
L
да но ятак понял пасы не привязаны к размеру холста
L
ща покурю ещё подумаю
L
Может ещё учитывается холст, кроме размера
L
зацени но это не лучший вариант все захардкодено
m
Кулл, я вроде начинаю вдуплять. Боже, наверное лучше было бы по кейфреймам делать
m
Явно должны быть 'либы' для таких путей для анимации
AM
Подскажите, пожалуйста, что делать, если контента меньше, чем длина экрана? Как убрать скролл?)
L
если есть скрол то контента больше если вы его насильно не включали
AM
если есть скрол то контента больше если вы его насильно не включали
Так получается, что у меня на данном этапе теста экран телефона 568px в высоту, в файле сброса css стилей элементу body задано min-height: 100vh, не знаю насколько это верно, сброс стилей брал с интернета, понимаю, что именно поэтому и появляется скролл, как это можно грамотно организовать, чтобы минимальная высота body была всегда равна видимой части экрана устройства?
L
Так получается, что у меня на данном этапе теста экран телефона 568px в высоту, в файле сброса css стилей элементу body задано min-height: 100vh, не знаю насколько это верно, сброс стилей брал с интернета, понимаю, что именно поэтому и появляется скролл, как это можно грамотно организовать, чтобы минимальная высота body была всегда равна видимой части экрана устройства?
ну попробуй удалить это правило со 100вх
SB
Так получается, что у меня на данном этапе теста экран телефона 568px в высоту, в файле сброса css стилей элементу body задано min-height: 100vh, не знаю насколько это верно, сброс стилей брал с интернета, понимаю, что именно поэтому и появляется скролл, как это можно грамотно организовать, чтобы минимальная высота body была всегда равна видимой части экрана устройства?
100 вх на мобиле считается вместе с тулбарами. Теперь живи с этим.
SB
Гениальное решение проблемы 100vh и панелей мобильных браузеров.
Если кто-то ещё сомневался, зачем нужны CSS-переменные, вот и ответ: https://css-tricks.com/the-trick-to-viewport-units-on-mobile/
Если кто-то ещё сомневался, зачем нужны CSS-переменные, вот и ответ: https://css-tricks.com/the-trick-to-viewport-units-on-mobile/
SB
А вот решение проблемы. Лайк, подписка.
AM
А не в курсе что работает быстрее, данная фишка через свойство css или сделать это через js? min-height: ${() =>
${window.innerHeight * 0.01 * 100}vh};