Телеграмм чат группы web_structure страница 32101

Size: a a a

Верстка сайтов HTML/CSS/JS/PHP

2020 July 06

Nickie Youngblood in Верстка сайтов HTML/CSS/JS/PHP

реально за 2 дива такое сделать?

Что-то типа position: absolute; top: 50%; transform: translateY(-50%); overflow: hidden; max-height: calc(100vh - 100px);.

источник

17:29пожаловаться #1

КГ

Кирилл Голубев... in Верстка сайтов HTML/CSS/JS/PHP

Nickie Youngblood

g highlight menu item on scroll

так и не понял как это приспособить, https://codepen.io/joxmar/pen/NqqMEg не могу понять сам код, он типа берёт смотрит на высоту скрола по отношению к windows и если она больше позиции меню, то она берёт айди...

CodePen

Highlight menu item on scroll

I wanted to test a way to be able to scroll to different sections on the page, and also to be able to highlight in the menu the corresponding item to s...

источник

17:34пожаловаться #2

Combot in Верстка сайтов HTML/CSS/JS/PHP

⚠️ Читай правила (!rules в чат), чтобы не получить бан!
⚠️ Жми на кнопку ниже, чтобы снять режим "только чтение"

✅ Группа Вк: vk.com/web_structure
✅ Библиотека верстальщика: @weblibrary
✅ Маркетолог: @bigmarketolog
✅ Веб Дизайн: @dev_design
✅ Freelancer: @web_fl

источник

17:35пожаловаться #3

Nickie Youngblood in Верстка сайтов HTML/CSS/JS/PHP

Кирилл Голубев

CodePen

Highlight menu item on scroll

I wanted to test a way to be able to scroll to different sections on the page, and also to be able to highlight in the menu the corresponding item to s...

Там сравниваются смещения элементов по оси X и берётся последний элемент из тех, кто входит в диапазон.

источник

17:37пожаловаться #4

Nickie Youngblood in Верстка сайтов HTML/CSS/JS/PHP

Если блоки на смещениях 100, 500 и 1000, то при смещении скролла на 800 попадают первые два и берётся последний (500).

источник

17:38пожаловаться #5

КГ

Кирилл Голубев... in Верстка сайтов HTML/CSS/JS/PHP

Nickie Youngblood

Там сравниваются смещения элементов по оси X и берётся последний элемент из тех, кто входит в диапазон.

по х? они ведь не смещаются по икс, или я не так понял

источник

17:43пожаловаться #6

Nickie Youngblood in Верстка сайтов HTML/CSS/JS/PHP

Кирилл Голубев

по х? они ведь не смещаются по икс, или я не так понял

Грубо говоря, в данном случае они смещены относительно верхней части документа. Координаты, короче :)
Если первый блок будет высотой 100px, то у следующего .offset().top будет 101.

источник

17:46пожаловаться #7

Ilja Zakharov in Верстка сайтов HTML/CSS/JS/PHP

Всем привет, может кто подсказать по Битриксу? Заказчик хочет просто переименовать страницу "Новости" в "Акции", я не стал никаких новых инфоблоков создавать, вроде везде все изменил, но на этой странице теперь не работают хдебные крошки и идентификатор инфоблока остался "news", не знаю как изменить. 1 раз работаю с Битрикс, по остальным правкам вроде без косяков, там что-то скрыть, там поправить и прочее...

источник

17:49пожаловаться #8

здравствуйте... in Верстка сайтов HTML/CSS/JS/PHP

Alabama

есть у кого пример как сделать попап форму чтобы она была по центру гориз. и верт., однако если размеры экрана больше, то сверху отступ 50пх, а сама может скроллиться?

https://codepen.io/frontmaksimlegit/pen/ZEQrgxP

ZEQrgxP

ВК

Виктор Кустовский... in Верстка сайтов HTML/CSS/JS/PHP

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

При присвоении overflow-y: auto; блоку, не работает выпадающее меню

Пример https://jsfiddle.net/kustovskyi/5fp7g1wz/4/

В меню Dashboard

Если убрать с класса .sidebar-submenu-right скроллинг , то меню выпадает

jsfiddle.net

Подменю в dropdown Bootstrap - Snipp.ru - JSFiddle - Code Playground

Test your JavaScript, CSS, HTML or CoffeeScript online with JSFiddle code editor.

источник

18:32пожаловаться #10

Riclud in Верстка сайтов HTML/CSS/JS/PHP

Добрый день, как сделать чтоб при изменении размера текста, он не двигал элементы рядом ?

источник

19:07пожаловаться #11

здравствуйте... in Верстка сайтов HTML/CSS/JS/PHP

position: absolute;

источник