position sticky 질문

position sticky 질문

QA

position sticky 질문

본문

sticky 가 안먹고 있는데 왜이러는걸까요...?ㅠㅠ

적용될만한 조건은 다 되는것 같은데 ..도움부탁드립니다



<div class="apt-con__body" style="width: 1440px!important;">


    <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>

</div>

이 질문에 댓글 쓰기 :

답변 4

thumb-2949783961_1737627962.002_730x397.png

 

thumb-2949783961_1737628006.4375_730x490.png


의도 한 것이 위의 효과 인것 같네요

아래와 같이 하면 위 이미지와 같이 됩니다.
이것이면 채택 좀 부탁 드립니다.

<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>
        내용내용<br><br> 
    </div>
</div>

 

답변을 작성하시기 전에 로그인 해주세요.
전체 127,566 | RSS
QA 내용 검색

회원로그인

(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT