영카트 aside영역...페이지 스크롤시 따라다니도록 하려는데요
본문
아래와 같이 영카트는 wrapper (aside, container)으로 구성되어있습니다.
상품의 상세정보 페이지입니다.
화면의 aside가 페이지 스크롤시 따라다니도록 하려합니다.
aside를 아래와 같이 설정을 하면
<style>
#aside {
position: fixed;
display: block;
z-index: 9999;
}
</style>
aside 영역이 따라 다니긴 하는 데... 전체적으로 aside만큼 왼쪽으로 shift되었습니다.
빨간색 점선박스(aside만큼) 왼쪽으로 shift되지 않으려면 어떻게 해야할까요?
답변 1
#aside 가 fixed될때 상위 #wrapper에도 aside_fixed 클래스가 붙게하시구요.아래 css추가 해보세요
#wrapper.aside_fixed #container{maring-left:235px}
#aside 가 항상 fixed라면 아래css만 넣어도 되구요
#container{maring-left:235px}
답변을 작성하시기 전에 로그인 해주세요.