본문으로 바로가기

CCZ-CROSS 반응형 스킨 #site-header 고정하는 방법

이렇게 하면 모바일 화면에서도 고정된다. 난, 헤더가 왔다갔다 하는게 싫었을 뿐...,

images/main.js 파일을 열어 "// 헤더 스크롤"을 검색합니다.


// 헤더 스크롤
var didScroll;
var lastScrollTop = 0;
var delta = 100;
var navbarHeight = $('#site-header').outerHeight();

$(window).scroll(function(event){
    didScroll =  true ;
});

setInterval(function() {
    if (didScroll) {
        hasScrolled();
        didScroll = false;
    }
}, 250);


에서  true "false"로 변경만 해주면 간단하게 #site-header가 고정된다.


저작자 표시 비영리 변경 금지
신고

댓글을 달아 주세요

  1. BlogIcon ^☆ 2017.03.12 16:17 신고

    안녕하세요 좋은 팁 감사합니다
    저도 CCZ-CROSS를 쓰고 있는데요
    궁금한게 있는데 main.js파일을 어떻게 여나요? 티스토리 html/css편집에서 파일업로드에서는 안렬리는데
    혹시 내컴퓨터 내에서 main.js 파일을 수정한 뒤 다시 업로드 하고 스킨 적용을 해줘야 하나요?
    그렇게하면 블로그에서 css나 html 편집해놓은 것들이 다 초기화 되던데, 초기화 안되고 저 파일만 수정 가능한 방법이 있나요?

  2. BlogIcon SONYLOVE 2017.03.20 13:47 신고

    저도 헤더가 스크롤시 사라지는것 보다 그대로 고정되어 있는게 더 나은거 같아요.
    아예 JS 에서 관련 구문은 모두 날려버리고 fixed 해버렸어요;;

    • BlogIcon OOPPA 2017.03.20 16:41 신고

      잘 몰라서 그런지 JS부분을 건들면 화면이 반응형이 아니라 창을 줄이면 사라져버려 어지간하면 그냥 쓰고 있습니다

  3. BlogIcon 좋은아침♥T 2017.05.13 01:57 신고

    와우~~ 감사합니다.
    덕분에 저도 고정시키는데 성공했습니다. ^^
    정말 감사해요~

티스토리 툴바