http://edu01.sitecook.kr/위와 같은 헤더고정 효과를 원하시는걸로 이해하고 답변드립니다.
위 효과는 스크립트이기 때문에 브라우저 또는 사용자 환경에 따라 작동하지 않을 수도 있는 점 감안하시고 작업해주세요.
1. 헤더페이지 편집화면 > 헤더&메타&JS > 헤더&메타&JS 입력상자 > </style> 바로 윗줄에 엔터로 빈공간 확보 후 아래 내용 추가
#ABA-head-top.fixedgnb{position:fixed; top:0; left:0; width:100%; z-index:11; }
#ABA-head-top.fixedgnb.abline-div-padding{position:static;}
2. 헤더페이지 편집화면 > 헤더&메타&JS > 콘텐츠시작에 아래 내용 입력
<script>
var ctop = 0;
$(window).load( function() {
$(this).scroll(function() {
if($(this).scrollTop() > ctop){
$("#ABA-head-top").addClass("fixedgnb");
}else{
$("#ABA-head-top").removeClass("fixedgnb");
}
});
});
</script>
※ 제대로 작동하지 않는 경우에는 Q&A교육에 참석하시거나 유료 맞춤개발로 해결해주시기 바랍니다.
