sticky 오류 분명 됬었는데 안되요ㅠ 채택완료
sticky가 되었었는데 몇주후에 다시 들어가보니 안됩니다..
history_fix가 고정되고 history_move가 연혁텍스트 부분입니다
찾아보다가 flex면 안된다고 align-self를 추가해야된다해서 수정했는데도 안됩니다ㅜ
flex를 포기할 수 는 없고,,
어떤 오류일까요 도와주십쇼 고수님들 ㅠㅠ
#sub0102 {width: 1400px; margin: 0 auto;}
#sub0102 .sub01_con01 {display: flex; flex-wrap: wrap; position: relative;}
#sub0102 .history_fix {width: 50%; height:1000px; background: url('../img/sub0102_bg.png') no-repeat center center; padding-top: 222px; position: sticky; top: 0; left: 0; align-self: flex-start;}
#sub0102 .history_fix .his_article {font-size: 22px; font-weight: 500;}
#sub0102 .history_fix .his_title {font-size: 68px; font-weight: 700; font-family: 'Roboto'; margin-bottom: 38px;}
#sub0102 .history_fix .his_desc {font-size: 18px; color: var(--back-color); line-height: 28px;}
#sub0102 .history_move {width: 50%;}
#sub0102 .history_move .history_con {display: flex; flex-wrap: wrap; gap: 60px; padding-bottom: 28px; border-bottom: 1px dashed #aeaeae; margin-bottom: 35px;}
#sub0102 .history_move .history_con .year p {font-size: 28px; font-weight: 700;}
#sub0102 .history_move .history_con ul {padding-top: 3px;}
#sub0102 .history_move .history_con ul li {font-size: 18px; margin-bottom: 15px; line-height: 26px;}
#sub0102 .con_title, #sub0103 .con_title {margin-bottom: 30px;}
답변 3개
#wrapper에 overflow:hidden 제거하세요
sticky는 해당 요소를 포함하는 모든 부모 요소에서 overflow:hidden이 있으면 안됩니다
답변에 대한 댓글 1개
댓글을 작성하려면 로그인이 필요합니다.
무조건 안된다 하면
저희가 어디가 잘못되었는지 어떻게 알까요..
적어도 원래 이랬는데 지금은 이렇다.. 라던지
객관적인 현재 상태를 알려주셔야 합니다.
그리고 절대적으로 잘되었다가 갑자기 안되는 경우는
'어딘가를 손 대서' 입니다.
수정전 백업본이 있다면 해당 부분을 롤백하시고 채크해보세요.
그리고 본인이 어디가 문제인지 모르겠으면
적어도 URL 은 공개해주세요.
댓글을 작성하려면 로그인이 필요합니다.
댓글을 작성하려면 로그인이 필요합니다.
답변을 작성하려면 로그인이 필요합니다.
로그인