При использовании столбцов CSS неверное смещение заголовка Chrome - PullRequest
0 голосов
/ 25 июня 2019

При использовании 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 у меня как будто есть множитель, перемещающий его вниз по странице при прокрутке.

...