Extra Form
PHP PHP 7.2
CMS Rhymix

css로 position 값을 fixed로 했더니 고정은 되는데

제 사이트의 스킨에 상단바 부분 만큼의 여백이 생기면서 다라다니가 되는데요.

top 값을 주니까 상단바가 보일때 겹침이 있어서 ㅠ

http://kaiequal.tistory.com/21

이걸 보고 적용을 하려고 하는데요.

우선 사이드바에 고정하려는 영역을 위에 링크에 있는 글처럼 닫아주고, 스타일 속성도 글처럼 해주었는데 

자바스크립트를 layout.html 상단에도 넣어보고 하단에도 넣어봤는데

따라다니지 않네요..

위 링크는 xetown 에서 검색한 글에서 찾은 글이에요

잘 된다고 하셨는데 전 안되요 ㅠ

예시랑 똑같이 넣으면 안되는걸까여?

div id는 똑같이 해주었어요

 

  • ?
    팀뷰어 주세요
  • ?
    원격으로 제가 해드릴여고 했는데 시간이 너무 많이 가서 안될것 같네요
    기다리다 갑니다 ㅎ
  • ? ?
    앗.. 지금 봤네요. 신경써주셔서 감사합니다 ㅠ
  • ? ?
    sftp 빌려주실수 있으신가요?
  • ? ?

    layout에 사이드바 부분 코드를 적어드리면 안될까여. 유료파일이라 파일 전부다 보여 드리는건 판매자분께 매너가 아닌거 같기도 하고 해서요ㅜㅜ

  • ? ?
    아하..ㅋㅋ

    layout.html 에서 원하는 div 위치?

    거기다

    <div id="adsideWrapper">

    <div id="adside">

    <!-- 여기는 컨텐츠 내용 -->

    </div>

    </div>

    넣고

    그 바로 위에

    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1/jquery.js"></script>
    <script>
    $(document).ready(function () {
    var top = $('#adside').offset().top - parseFloat($('#adside').css('marginTop').replace(/auto/, 0));
    $(window).scroll(function (event) {
    var y = $(this).scrollTop();

    if (y >= top) {
    $('#adside').addClass('fixed');
    } else {
    $('#adside').removeClass('fixed');
    }
    });
    });
    </script>

    넣고

    레이아웃의 css 쪽..그러니 뭐 style.css 같은데?
    그쪽에

    #adsideWrapper {
    position: absolute;
    }
    #adside {
    position: absolute;
    top: 0;
    }
    #adside.fixed {
    position: fixed;
    top: 0;
    margin-top:30px;
    }

    넣어주셨는데 안되나요?
  • ? ?
    해결하였습니다. 제일 하단에 넣고 div 로 감싸지않고 본래 있던 클래스명을 넣어주니 작동하네요!
    감사합니다!