위치 고정 메뉴
| CMS/프레임워크 | XE 1.x |
|---|---|
| 개발 언어 | PHP 7.1 |
인터넷 서핑으로 찾아서
스크롤 넘어가면 고정되는 메뉴를 적용했습니다.
jQuery(window).scroll(function() {
var sclTop = jQuery(this).scrollTop();
// alert(sclTop);
if (sclTop > 270) { //스크롤 위치가 1보다 크면 실행
$('#left_m').css('position', 'fixed').css({'top':'0','z-index':'1'}); //top 값은 quickmenu 에 따라 동일하게 세팅
} else {
$('#left_m').css('position','relative').css({'top':'0'});
}
});
var sclTop = jQuery(this).scrollTop();
// alert(sclTop);
if (sclTop > 270) { //스크롤 위치가 1보다 크면 실행
$('#left_m').css('position', 'fixed').css({'top':'0','z-index':'1'}); //top 값은 quickmenu 에 따라 동일하게 세팅
} else {
$('#left_m').css('position','relative').css({'top':'0'});
}
});
270px 이하로 내려가면 메뉴는 고정이 잘되는데 ..
부모 div 이하로 안내려왔으면해서요
<div>
<div id="left_m">
</div>
</div>
<div id="left_m">
</div>
</div>
구조는 다음과 같구요
어떤부분을 수정해야될지 도움 부탁드립니다.
댓글 4
즉 이걸 처리하는 순간 부모도 자식도(아~~ 자식은 저기에 종속되니까 자식은 영향을 받습니다.) 없어집니다.
저것만 가지고는 눈감고 코끼리 다리 만지기가 됩니다.
https://xetown.com/questions/585558