É possível ter vários elementos pegajosos empilhados um no outro em CSS puro?
O comportamento desejado pode ser visto Aqui:
https://webthemez.com/demo/sticky-multi-tester-scroll/index.html
Só eu prefiro usar CSS puro, em vez de uma implementação JavaScript. Eu experimentei um pouco com vários elementos pegajosos, mas não consigo impedi -los de empurrar outros elementos pegajosos. Eu tentei colocá-los no mesmo contexto de empilhamento:
</main>
<section>
Mas não posso fazer com que funcione, como você pode ver abaixo. Quaisquer insights seriam muito apreciados! PrettyPrint-override ">#container
{
Display: grid;
grid-template-colunns: 50% 50%;
}
adesivo. sticky;
}
sticky .sticky-1
{
top: 1em; 1; .Sticky-2
{
Posição: corrigido;
top: 1em;
}
sticky tabela
aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui.
& lt;/main & gt;
& lt; seção & gt;
Ambos os títulos devem ficar ao mesmo tempo.
e, finalmente, um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia. E finalmente um pouco mais de cópia.
& lt;/seção & gt;
Alguma cópia vai aqui. Alguma cópia vai aqui. Alguma cópia vai aqui. OES aqui. Alguma cópia vai aqui.
