Size: a a a

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

2020 September 08

m

mazya in HTML/CSS — русскоговорящее сообщество
Переслано от mazya
Парни, вопрос.. Подскажите, пожалуйста, как лучше сделать триггер на скролл.
Есть слайдер, в слайде 2 колонки, на скрине вторая. При скролле главного слайдера 3 срабатывания слайда должно уходить не на смену слайда главного слайдера, а на добавление класса на панель по очереди.
То есть 1-й слайд открыт — автоматом выезжает первая голубая.
Потом при скролле в главном слайдере слайд не меняется, а выезжает фиолетовая, потом розовая, потом оранжевая и потом уже меняется слайд. И так же обратно. Как грамотнее это сделать без костылей?
источник

Q

Qop in HTML/CSS — русскоговорящее сообщество
Kirill Galimov
Есть word-break, но там дефиса нет, а просто буквы на новую строку переходят
источник

Q

Qop in HTML/CSS — русскоговорящее сообщество
mazya
Переслано от mazya
Парни, вопрос.. Подскажите, пожалуйста, как лучше сделать триггер на скролл.
Есть слайдер, в слайде 2 колонки, на скрине вторая. При скролле главного слайдера 3 срабатывания слайда должно уходить не на смену слайда главного слайдера, а на добавление класса на панель по очереди.
То есть 1-й слайд открыт — автоматом выезжает первая голубая.
Потом при скролле в главном слайдере слайд не меняется, а выезжает фиолетовая, потом розовая, потом оранжевая и потом уже меняется слайд. И так же обратно. Как грамотнее это сделать без костылей?
не знаю есть ли библиотеки, я бы решил это через js + css
источник

m

mazya in HTML/CSS — русскоговорящее сообщество
Qop
не знаю есть ли библиотеки, я бы решил это через js + css
На свайпере основной висит
источник

Q

Qop in HTML/CSS — русскоговорящее сообщество
mazya
На свайпере основной висит
addEventListener логику самому написать
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
mazya
Переслано от mazya
Парни, вопрос.. Подскажите, пожалуйста, как лучше сделать триггер на скролл.
Есть слайдер, в слайде 2 колонки, на скрине вторая. При скролле главного слайдера 3 срабатывания слайда должно уходить не на смену слайда главного слайдера, а на добавление класса на панель по очереди.
То есть 1-й слайд открыт — автоматом выезжает первая голубая.
Потом при скролле в главном слайдере слайд не меняется, а выезжает фиолетовая, потом розовая, потом оранжевая и потом уже меняется слайд. И так же обратно. Как грамотнее это сделать без костылей?
чисто через ивенты
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
я через ивенты анимировал библиотекой aos
источник

m

mazya in HTML/CSS — русскоговорящее сообщество
Надо будет наверное цикл вкинуть, чтобы отсчитывало кол-во таких блоков
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
в свайпере есть же подсчет слайдов
источник

IP

Ilya Platonov in HTML/CSS — русскоговорящее сообщество
Ребят, подскажите в чем проблема? При загрузке приложения кнопка изначально disabled, но она ставновится видимой на время которое заложено в transition. если убрать transition у кнопки, все гуд, кнопка дизейблина с момента загрузки приложения, вот стили
источник

IP

Ilya Platonov in HTML/CSS — русскоговорящее сообщество
источник

PP

Phenicius Phoxy ⌘ in HTML/CSS — русскоговорящее сообщество
Возможно ли как-то сделать squircle в CSS, который будет подстраиваться под размер внешнего блока в ширину?
источник

🇻

🇻🕷 in HTML/CSS — русскоговорящее сообщество
Привет, есть
display:flex;
flex-direction:column;
justify-content:space-between;

Внутри 2 элемента, соответственно один серху экрана, другой снизу

Никто не знает простой способ анимировать изменяющееся расстояние между этими элементами?

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

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
🇻🕷
Привет, есть
display:flex;
flex-direction:column;
justify-content:space-between;

Внутри 2 элемента, соответственно один серху экрана, другой снизу

Никто не знает простой способ анимировать изменяющееся расстояние между этими элементами?

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

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
или родителю скорее всего
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
А где класс дизеблед?
источник

IP

Ilya Platonov in HTML/CSS — русскоговорящее сообщество
Alibek Кulseitov
А где класс дизеблед?
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Вот и причина ) убери бг колор с дизейблед и напиши опасити на своё усмотрение типа 0.7
источник

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Pointer events: none; cursor: disabled
источник

IP

Ilya Platonov in HTML/CSS — русскоговорящее сообщество
Alibek Кulseitov
Pointer events: none; cursor: disabled
cursor: disabled - такого вроде нет
источник