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

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

2025-04-23에 게시되었습니다
검색:180

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

Javascript 구현 대신 순수한 CSS를 사용하는 것이 좋습니다. 나는 여러 끈적 끈적한 요소로 약간 실험했지만 다른 끈적 끈적한 요소를 밀어 내지 못하게 할 수는 없습니다. 나는 동일한 쌓는 맥락에서 그들을 배치하려고 시도했다 :

#sticky.-sticky-1,

sticky .sticky-2


{
위치 : sticky;

}

{&&]
sticky. 상단 : 1em;
z-index : 1;
}

sticky .Sticky-2


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

모든 통찰력은 대단히 감사 할 것입니다!



</main>
<section>

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

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


& lt;/section & gt;
  </section>



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

최신 튜토리얼 더>

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

Copyright© 2022 湘ICP备2022001581号-3