태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

CCZ-CROSS 반응형 스킨 #site-header 고정하기

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가 고정된다.



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

묘한오빠

남자의 호칭 중에 "오빠"처럼 묘한 것은 없다

    이미지 맵

    묘한오빠/블로그가 변하는 이유 다른 글

    댓글 6

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

      • 컴에서 main.js만 수정해서 main.js파일만 업로드 해주면 됩니다.

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

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

    *

    *

    이전 글

    다음 글