url에 따라 인트로페이지 숨기기

lize·2023년 4월 11일
0

/일때만 인트로페이지가 보이고,
/#section 처럼 url에 fragment가 있을때는 안보이게 하고 싶다.

현재 인트로페이지가 별도의 파일에 있는게 아니라
메인페이지파일인 index.html에 있고,
z-index를 높여서 레이어팝업처럼 떠있는 상태.

홈페이지에 처음 진입하면 fragment가 없어서 window.location.hash값이 빈 문자열이다.
메인으로 가는 버튼을 클릭하면 메인페이지로 이동하지만 인트로페이지는 안나오게 하고싶어서
a 태그의 href 값에는 /이 아니라 #로 fragment를 추가하고, 자바스크립트로 분기처리했다.

<li><a href="/#mainPage">메인으로<span></span></a></li>
$(document).ready(function(){
    if (window.location.hash !== '') {
        $('#intro').hide();
    }
}

참고:
https://stackoverflow.com/questions/298503/how-can-you-check-for-a-hash-in-a-url-using-javascript

profile
웹퍼블리셔

0개의 댓글