При использовании CSS-липучки в Chrome с указанием нескольких CSS-столбцов, липкие заголовки будут смещены на неверную величину. Это отлично работает в Firefox.
Мы попытались раскрутить супер базовую страницу, указав только липкий заголовок и столбцы. Проблема все еще сохраняется. Мы попытались превратить его в стол и перемещать различные элементы без удачи.
<html>
<style>
b {
position: sticky;
top: 0;
background: red;
}
body > div {
-webkit-column-count: 2;
column-count: 2;
}
div > div {
font-size: 100em;
}
</style>
<body>
<div>
<b>head</b>
<div>Lorem ipsum dolor sit amet</div>
</div>
</body>
</html>
Я ожидаю, что заголовок будет следовать за верхней частью страницы при прокрутке вниз. В Chrome у меня как будто есть множитель, перемещающий его вниз по странице при прокрутке.