position sticky 질문
이한나
9개월 전
조회 4,324
sticky 가 안먹고 있는데 왜이러는걸까요...?ㅠㅠ
적용될만한 조건은 다 되는것 같은데 ..도움부탁드립니다
</p>
<pre>
<div class="apt-con__body" style="width: 1440px!important;"></pre>
<pre>
<div class="pt-4 is-flex is-justify-content-space-between is-align-items-center" >
<p class="con_title">제목</p>
<button class="submit_button apt-btn apt-btn__sky5 on is-size-6 ml-2 btnSearch" style="position: sticky; top: 80px; z-index: 100; white-space: nowrap; align-self: flex-start" type="button">자세히보기</button>
</div>
<div class="form-table mt-4 p-0" style="height: 1500px" id="tableDetail">
내용내용
</div></pre>
<p></div></p>
<p>
댓글을 작성하려면 로그인이 필요합니다.
답변 4개
9개월 전
의도 한 것이 위의 효과 인것 같네요
아래와 같이 하면 위 이미지와 같이 됩니다.
이것이면 채택 좀 부탁 드립니다.
</p>
<p><div class="apt-con__body" style="width: 100% !important; max-width: 100% !important; border: 1px solid red;">
<div class="pt-4 is-flex is-justify-content-space-between is-align-items-center">
<p class="con_title">제목</p>
</div>
<div class="form-table mt-4 p-0" style="height: 1500px" id="tableDetail">
<button class="submit_button apt-btn apt-btn__sky5 on is-size-6 ml-2 btnSearch" style="position: sticky; top: 80px; z-index: 100; white-space: nowrap; align-self: flex-end; float: right;" type="button">자세히보기</button></p>
<p> 내용내용
</div>
</div></p>
<p>
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
9개월 전
부모요소 안에서만 작동 합니다
부모요소에 height 가 정해져 있어야 합니다
부모 요소에 overflow 가 설정되어 있으면 안 됩니다
로그인 후 평가할 수 있습니다
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인