영카트 aside영역...페이지 스크롤시 따라다니도록 하려는데요 채택완료

더블피디

6년 전 조회 1,935

아래와 같이 영카트는 wrapper (aside, container)으로 구성되어있습니다.

상품의 상세정보 페이지입니다.

2049185043_1566185418.5239.png

화면의 aside가 페이지 스크롤시 따라다니도록 하려합니다.

aside를 아래와 같이 설정을 하면

<style>

#aside {
position: fixed;
display: block;
z-index: 9999;

}

</style>

2049185043_1566186709.5516.png

aside 영역이 따라 다니긴 하는 데... 전체적으로 aside만큼 왼쪽으로 shift되었습니다.

빨간색 점선박스(aside만큼) 왼쪽으로 shift되지 않으려면 어떻게 해야할까요?

#영카트5

정렬:

채택된 답변

+20 포인트

위버

6년 전

#aside 가 fixed될때 상위 #wrapper에도 aside_fixed 클래스가 붙게하시구요.아래 css추가 해보세요

#wrapper.aside_fixed #container{maring-left:235px}

#aside 가 항상 fixed라면 아래css만 넣어도 되구요

#container{maring-left:235px}

로그인 후 평가할 수 있습니다

댓글을 작성하려면 로그인이 필요합니다.

답변을 작성하려면 로그인이 필요합니다.