"일꾼이 일을 잘하려면 먼저 도구를 갈고 닦아야 한다." - 공자, 『논어』.
첫 장 > 프로그램 작성 > 순수한 CS로 여러 끈적 끈적한 요소를 서로 쌓을 수 있습니까?

순수한 CS로 여러 끈적 끈적한 요소를 서로 쌓을 수 있습니까?

2025-01-31에 게시
검색:769

Can multiple sticky elements be stacked on top of each other in pure CSS?

순수한 CSS에서 서로 위에 여러 개의 끈적 끈적한 요소가 쌓일 수 있습니까?


원하는 동작은 할 수 있습니다.

https://webthemez.com/demo/sticky-multi-header-scroll/index.html

순수한 CSS를 사용하는 것이 좋습니다 JavaScript 구현 대신. 나는 여러 끈적 끈적한 요소로 약간 실험했지만 다른 끈적 끈적한 요소를 밀어 내지 못하게 할 수는 없습니다. 나는 동일한 스태킹 컨텍스트에 넣으려고 시도했다 :

##sticky .sticky-1,

sticky .sticky-2


{
위치 : sticky;

}

sticky .sticky-1


{
top : 1em;
z-index : 1;

} &&]

sticky .sticky-2

{
top : 2em;
z-index : 1;
}



</main>
<section>

  </section>

두 제목은 동시에 동시에 고착해야합니다.

그리고 마지막으로 조금 더 사본이 더 있습니다. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본. 그리고 마지막으로 조금 더 사본.


고정 제목

일부 사본은 여기로 간다. 일부 사본은 여기에갑니다. 일부 사본은 여기에갑니다. 일부 사본은 여기에갑니다. 여기서 OES. 일부 사본은 여기에 간다.

최신 튜토리얼 더>

부인 성명: 제공된 모든 리소스는 부분적으로 인터넷에서 가져온 것입니다. 귀하의 저작권이나 기타 권리 및 이익이 침해된 경우 자세한 이유를 설명하고 저작권 또는 권리 및 이익에 대한 증거를 제공한 후 이메일([email protected])로 보내주십시오. 최대한 빨리 처리해 드리겠습니다.

Copyright© 2022 湘ICP备2022001581号-3