Прозрачный фиксированный заголовок с flexbox

Вот решение, использующее ImmutableJS, где items - это неизменяемый список, а size - необходимый размер группировки.

const partition = ((items, size) => {
  return items.groupBy((items, i) => Math.floor(i/size))
})
1
задан tantoniou 5 March 2019 в 22:09
поделиться

2 ответа

Удалить элемент header-fixed-flex и применить этот стиль к header_nav

width: 100%;
top: 0;
left: 0;
position: fixed;
z-index: 100;
display: flex;
justify-content: space-between;
0
ответ дан Alcides A 5 March 2019 в 22:09
поделиться

Действительно сложно определить, чего вы хотите от вашей записи без предоставленного дизайна или каркаса, но я изначально предполагаю, что все происходит не так, как вы ожидаете, потому что .header-fixed-flex имеет только одного ребенка. Так что, возможно, установка flex: 1 или просто width: 100% на .header_nav заставит все работать так, как вам нравится.

0
ответ дан RwwL 5 March 2019 в 22:09
поделиться