В рейтинге участвует:

групп:

каналов:

Виртуальный сервер на SSD - недорого!

Аренда выделенных и виртуальных серверов (VDS/VPS), хостинг, аренда IP-адресов, администрирование, круглосуточная поддержка

qwarta.ru подробнее

Резервное копирование с проверкой на вирусы!!!

Удобный сервис создания резервных копий на любой сервер сети интернет. Отслеживайте изменения, проверяйте на вирусы. Надежно защитите свой бизнес!

go.backupland.com

Выбираете сервер? Любая конфигурация на заказ!

Аренда физических серверов любых конфигураций под любые запросы - 1С бухгалтерия, игровые сервера, нагруженные проекты, интернет-магазины!

qwarta.ru подробнее

Size: a a a

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

3649 membersпожаловаться на группу
2020 October 19

Р

Рома in HTML/CSS — русскоговорящее сообщество
ребят подскажите плс, можно ли как то через css скролл убрать при открытом меню ? на мобильной версии скроллится контент основного сайта а не открытое меню (само меню также поверх контента накладывает фон)
в качестве примера такую хрень сделал https://codepen.io/wtf322/pen/GRqqxyR
источник
14:54пожаловаться#1

😏

😏 in HTML/CSS — русскоговорящее сообщество
Рома
ребят подскажите плс, можно ли как то через css скролл убрать при открытом меню ? на мобильной версии скроллится контент основного сайта а не открытое меню (само меню также поверх контента накладывает фон)
в качестве примера такую хрень сделал https://codepen.io/wtf322/pen/GRqqxyR
Ну для body overflow-hidden и страница будет без скролла
источник
14:57пожаловаться#2

Р

Рома in HTML/CSS — русскоговорящее сообщество
при открытом меню вешать на боди? ну эт js если только
источник
14:57пожаловаться#3

AК

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Danisimo
Привет  , помогите пожалуйста .
 <p class="custom">
     <label class="message">Test label.</label>
     <input type="text"/>
   </p>

нужно при помощи силекторов во время фокуса на инпута модифицировать класс message .
лейбл положи ниже
источник
14:59пожаловаться#4

D

Danisimo in HTML/CSS — русскоговорящее сообщество
Alibek Кulseitov
лейбл положи ниже
не могу , в противном случаее решил би уже
источник
14:59пожаловаться#5

AК

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
почему не можешь?
источник
15:00пожаловаться#6

AК

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Я понял что ты хочешь сделать, material placeholder?
источник
15:00пожаловаться#7

AК

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Что должно происходить на фокусе?
источник
15:01пожаловаться#8

AК

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Рома
ребят подскажите плс, можно ли как то через css скролл убрать при открытом меню ? на мобильной версии скроллится контент основного сайта а не открытое меню (само меню также поверх контента накладывает фон)
в качестве примера такую хрень сделал https://codepen.io/wtf322/pen/GRqqxyR
только через жс как выше сказали вешать на боди overflow: hidden
источник
15:01пожаловаться#9

D

Danisimo in HTML/CSS — русскоговорящее сообщество
да , но там свои проблемы . Мне нужно найти какой-то previous sibling  (чтоб не переписывать все)
источник
15:01пожаловаться#10

AК

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Danisimo
да , но там свои проблемы . Мне нужно найти какой-то previous sibling  (чтоб не переписывать все)
ну ты скажи что конкретно при фокусе должно быть? и по каким причинам нельзя ниже?
источник
15:02пожаловаться#11

AК

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
https://codepen.io/techyogi/pen/WXMovY

Только если лейбл внизу
CodePen
Material Design Animated Placeholder Using CSS
...
источник
15:02пожаловаться#12

AP

Anton Permyakov in HTML/CSS — русскоговорящее сообщество
Danisimo
да , но там свои проблемы . Мне нужно найти какой-то previous sibling  (чтоб не переписывать все)
такого нет
источник
15:02пожаловаться#13

AК

Alibek Кulseitov in HTML/CSS — русскоговорящее сообщество
Либо придется создавать еще один див или спан и в него вписывать лейбл
источник
15:03пожаловаться#14

AP

Anton Permyakov in HTML/CSS — русскоговорящее сообщество
к тому же у тебя инпут не связан с лейблом, инпут нужно в лейбл вложить
источник
15:04пожаловаться#15

AP

Anton Permyakov in HTML/CSS — русскоговорящее сообщество
<label class="message">
      Test label.
      <input type="text"/>
</label>
источник
15:04пожаловаться#16

AP

Anton Permyakov in HTML/CSS — русскоговорящее сообщество
хотя бы так
источник
15:04пожаловаться#17

AК

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

AP

Anton Permyakov in HTML/CSS — русскоговорящее сообщество
да, поэтому в итоге придет к этому:

<label class="message">
      <input type="text"/>
      <span>Test label.</span>
</label>
источник
15:05пожаловаться#19

D

Danisimo in HTML/CSS — русскоговорящее сообщество
Anton Permyakov
да, поэтому в итоге придет к этому:

<label class="message">
      <input type="text"/>
      <span>Test label.</span>
</label>
(я делал филд в котором есть чипы)Да ты прав задача просто реализовать матирилал лейбл ,проблема в том , что я глупо реализовал чипы в филде из за этого  проблемы. Если сделаю подобное решение то прийдеться по другому представлять чипы в инпуте .
источник
15:07пожаловаться#20