Size: a a a

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

2020 May 24

EF

Elect Freak in CSS — русскоговорящее сообщество
Есть такой макет. Хотелось бы, чтобы прокрутка на странице работала на левый список специалистов, а инфо справа оставалось статичным. Сломал голову, пока думал, как это сделать. Как закрепить инфо справа? Сверху шапка, которой можно было бы дать sticky (и ее высота как бы неизвестна), вообще, очевидно,. есть контейнер с max-width, в котором все это будет.
источник

EF

Elect Freak in CSS — русскоговорящее сообщество
Как им задать ширину лучше? flex-grow? пиксели? на адаптиве придется ужимать немного, дальше сильно другая разметка для мобилок, отдельный компонент сделаю.
источник

Р

Роман in CSS — русскоговорящее сообщество
Elect Freak
Есть такой макет. Хотелось бы, чтобы прокрутка на странице работала на левый список специалистов, а инфо справа оставалось статичным. Сломал голову, пока думал, как это сделать. Как закрепить инфо справа? Сверху шапка, которой можно было бы дать sticky (и ее высота как бы неизвестна), вообще, очевидно,. есть контейнер с max-width, в котором все это будет.
overflow же есть, зачем что-то закреплять?
источник

T

Tim in CSS — русскоговорящее сообщество
Elect Freak
Есть такой макет. Хотелось бы, чтобы прокрутка на странице работала на левый список специалистов, а инфо справа оставалось статичным. Сломал голову, пока думал, как это сделать. Как закрепить инфо справа? Сверху шапка, которой можно было бы дать sticky (и ее высота как бы неизвестна), вообще, очевидно,. есть контейнер с max-width, в котором все это будет.
а чем overflow scroll не подходит? сделать этот список просто отдельным дивом скролящимся
источник

EF

Elect Freak in CSS — русскоговорящее сообщество
Tim
а чем overflow scroll не подходит? сделать этот список просто отдельным дивом скролящимся
Во-первых, вопрос закрепления правой части не закрывается этим. Во-вторых, да, есть, скорее auto. Но ты видел, как работает скролл переписки вк, к примеру? Это удобнее, это более солидно.
источник

T

Tim in CSS — русскоговорящее сообщество
Elect Freak
Во-первых, вопрос закрепления правой части не закрывается этим. Во-вторых, да, есть, скорее auto. Но ты видел, как работает скролл переписки вк, к примеру? Это удобнее, это более солидно.
Я тогда видимо не до конца понял требуемый функционал
источник

Р

Роман in CSS — русскоговорящее сообщество
Elect Freak
Во-первых, вопрос закрепления правой части не закрывается этим. Во-вторых, да, есть, скорее auto. Но ты видел, как работает скролл переписки вк, к примеру? Это удобнее, это более солидно.
закрывается, у тебя какие-то фундаментальные траблы с css, начни с его изучения
источник

T

Tim in CSS — русскоговорящее сообщество
Потом ещё раз перечитаю
источник

EF

Elect Freak in CSS — русскоговорящее сообщество
Роман
закрывается, у тебя какие-то фундаментальные траблы с css, начни с его изучения
бля, как же я не люблю в такое вступать, но у тебя, видимо, фундаментальные траблы в навыках общения и социализации, раз прет наружу это
источник

EF

Elect Freak in CSS — русскоговорящее сообщество
отдельные индивиды хотя бы указывают на тему, которую считают не закрытой, а не «иди почитай про фундамент css"
источник

Р

Роман in CSS — русскоговорящее сообщество
с возрастом пройдёт :)
источник

EF

Elect Freak in CSS — русскоговорящее сообщество
Роман
закрывается, у тебя какие-то фундаментальные траблы с css, начни с его изучения
как он закрывается, если хочется, чтобы правая часть вела себя так, будто у нее position: fixed?
источник

EF

Elect Freak in CSS — русскоговорящее сообщество
что мешает дать position: fixed? шапка. Не уверен, что брать высоту из js является хорошей практикой, никогда так не делал по крайней мере
источник

EF

Elect Freak in CSS — русскоговорящее сообщество
И левая часть. То есть надо знать отступы сверху, слева. Или отступ справа и  правильную ширину. Понятно, в общем.
источник

EF

Elect Freak in CSS — русскоговорящее сообщество
ок, я кажется ступил сильно.
источник

EF

Elect Freak in CSS — русскоговорящее сообщество
Просто это не значит, что я css вчера увидел. Просто давно не использовал overflow: auto / scroll и плохо соображаю сейчас.
Все-таки, как уже объяснил, хотелось бы сделать так, чтобы скролл самого window был привязан к списку
источник

K

Kolya in CSS — русскоговорящее сообщество
Всем привет

Подскажите, пожалуйста, что следовало бы исправить с точки зрения верстки и как можно оптимизировать скорость загрузки на мобилках

https://bydex.ru/
источник

EF

Elect Freak in CSS — русскоговорящее сообщество
@romusk признаюсь, конечно высоту страницы тогда можно сделать равной вьюпорту, с overflow
источник

Р

Роман in CSS — русскоговорящее сообщество
Elect Freak
@romusk признаюсь, конечно высоту страницы тогда можно сделать равной вьюпорту, с overflow
источник

T

Tim in CSS — русскоговорящее сообщество
Elect Freak
что мешает дать position: fixed? шапка. Не уверен, что брать высоту из js является хорошей практикой, никогда так не делал по крайней мере
Задай высоту calc(100vh - высота шапки)
источник