질문/조언질답게시판

위치 고정 메뉴

Extra Form
PHP PHP 7.1
CMS XpressEngine

인터넷 서핑으로 찾아서

스크롤 넘어가면 고정되는 메뉴를 적용했습니다.

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'});
    }
});

270px 이하로 내려가면 메뉴는 고정이 잘되는데 ..

부모 div 이하로 안내려왔으면해서요

          <div>
                <div id="left_m">

                </div>
            </div>

구조는 다음과 같구요

어떤부분을 수정해야될지 도움 부탁드립니다.

  • ?
    고정이라는게 position:fixed 처리를 하는걸 말합니다. 그리고 이건 어느 외적요소의 영향을 안받고 독립적으로 위치를 잡습니다.
    즉 이걸 처리하는 순간 부모도 자식도(아~~ 자식은 저기에 종속되니까 자식은 영향을 받습니다.) 없어집니다.
  • ?
    부모 div 위치와 높이를 계산해서 기준 잡으시면 됩니다
  • profile
    left_m을 싸고 있는 div에 먹여져 있는 css등에 따라서 달라집니다.
    저것만 가지고는 눈감고 코끼리 다리 만지기가 됩니다.
  • ?
    좋은 답변을 원하시면
    https://xetown.com/questions/585558

서버에 요청 중입니다. 잠시만 기다려 주십시오...