169 похожих чатов

Вот, поиграй. https://svelte.dev/repl/c467aef57de144e9b193d258da9d1adc?version=3.31.2 Сделай так, чтобы при открытии модалки контент модалки скроллился,

а бади — нет. Если что, дефолтное поведение, что сперва скроллится контент модалки, но когда ты дойдёшь до конца скролла, следующее движение в ту же сторону проскроллит тело.

22 ответов

16 просмотров

бади не скролится в поле модалки или по всему окну?

Daniil-Kozlov Автор вопроса
Valexr
бади не скролится в поле модалки или по всему окну...

И так, и так. Бади должен быть фиксирован. Когда нагуглишь, что position:fixed помогает, тогда открывай сафари :)

Daniil Kozlov
И так, и так. Бади должен быть фиксирован. Когда н...

а бади скроллится об конец скролла модалки вместе с модалкой?

Daniil-Kozlov Автор вопроса
Valexr
а бади скроллится об конец скролла модалки вместе ...

Сейчас да, но не должен. Еще раз: задача, чтобы при открытой модалке бади фиксировался при любых действиях, а контент модалки скроллился корректно.

Daniil Kozlov
Сейчас да, но не должен. Еще раз: задача, чтобы пр...

ТАк было ж написано скролить бади с модаклой вконце перемотки. ок

Daniil-Kozlov Автор вопроса
Valexr
ТАк было ж написано скролить бади с модаклой вконц...

Не-не, это дефолтное поведение. Но оно плохое.

Daniil Kozlov
Сейчас да, но не должен. Еще раз: задача, чтобы пр...

Я уже года три юзают такую технику: 1. Весь контент кладу в контейнер. 2. Модалки наружу. 3. При показе модалки ставлю контейнеру position: fixed + top = текущий скролл. 3. Показываю модалку с position absolute. Profit: модалка скроллится во фрейме основного окна, как обычная страничка. + нужно поставить на body overflow-y: scroll чтобы не было прыжков контента из за отсутствия скролл-бара. Вот мой сайт трёхлетней давности. Тут модалка это менюшка. m.mitasuvl.ru

Misha Rodshtein
Я уже года три юзают такую технику: 1. Весь конте...

Это по принципу, что модалки, например, в body, как в реакт порталах?

Eric Rovell
Это по принципу, что модалки, например, в body, ка...

Нее, про реализацию я вообще не пишу тут. Но да, порталы можно юзать. В последнем проекте сделал эту реализацию на портале.

Misha Rodshtein
Чего?

наверное про клик вне модалки?

Misha Rodshtein
Чего?

чтоб закрыть модалку

Eric Rovell
наверное про клик вне модалки?

Здесь это не имело смысла, модалка закрывает весь экран на телефоне. Это чисто версия для мобилок (она уже не используется, сейчас у них адаптивный сайт)

Misha Rodshtein
Нее, про реализацию я вообще не пишу тут. Но да,...

Набросал компонент для Свелта /Саппера использующий «порталы» для показа попапов 🎉🎊 https://svelte.dev/repl/143f6a8351294d76b5ab647ba562afeb?version=3.31.2

Misha Rodshtein
Набросал компонент для Свелта /Саппера использующи...

работает, только если задник обновить то сохраненный скролл больше не имеет смысла

Misha Rodshtein
Набросал компонент для Свелта /Саппера использующи...

А, ты не внутри модалки скролишь... хитрец 🤓👍🏻

Misha Rodshtein
Я когда-то делал целое решение @twototoo

Спасибо, щас буду со всем этом разбираться)

Misha Rodshtein
Я когда-то делал целое решение @twototoo

Если я правильно понимаю ui термины, то у тебя не попап, а обычная модалка. Попап это штука, которая всплывает над каким-то элементом (поппер и floating-ui занимаются этим), например, подсказка. А исчезающее уведомление это вообще тост

Похожие вопросы

Обсуждают сегодня

Господа, а что сейчас вообще с рынком труда на делфи происходит? Какова ситуация?
Rꙮman Yankꙮvsky
29
А вообще, что может смущать в самой Julia - бы сказал, что нет единого стандартного подхода по многим моментам, поэтому многое выглядит как "хаки" и произвол. Короче говоря, с...
Viktor G.
2
30500 за редактор? )
Владимир
47
а через ESC-код ?
Alexey Kulakov
29
Чёт не понял, я ж правильной функцией воспользовался чтобы вывести отладочную информацию? но что-то она не ловится
notme
18
У меня есть функция где происходит это: write_bit(buffer, 1); write_bit(buffer, 0); write_bit(buffer, 1); write_bit(buffer, 1); write_bit(buffer, 1); w...
~
14
Добрый день! Скажите пожалуйста, а какие программы вы бы рекомендовали написать для того, чтобы научиться управлять памятью? Можно написать динамический массив, можно связный ...
Филипп
7
Недавно Google Project Zero нашёл багу в SQLite с помощью LLM, о чём достаточно было шумно в определённых интернетах, которые сопровождались рассказами, что скоро всех "ибешни...
Alex Sherbakov
5
Ребят в СИ можно реализовать ООП?
Николай
33
https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_h_common.erl#L174 https://github.com/erlang/otp/blob/OTP-27.1/lib/kernel/src/logger_olp.erl#L76 15 лет назад...
Maksim Lapshin
20
Карта сайта