jQuery

a 태그를 이용해 다른 페이지 특정 지점으로 이동할 때, href에 id 값을 넣으면 이동 가능하다. 하지만 header가 보통 absolute로 띄어져있어서 header에 가려지는 문제가 발생해서 이를 해결하기 위한 코드이다. 다른 페이지로 이동하고 페이지 리로르 될 때 url의 #값을 확인해 #값이 있다면 해당 지점으로 이동하게 코딩했다. 자바스크립트 내용 // 1. 페이지 이동시(페이지 새로 리로드 될때만) var top_space = 0; if ($('#header').length) { top_space = $('#header').outerHeight(); } // 해더영역(빼야할 공간) var hash = window.location.hash; if (hash && document.getElem..

// 파일선택(파일명 추출, 추출한 파일명 삽입 var fileTarget = $('.filebox .upload-hidden'); fileTarget.on('change', function(){ if(window.FileReader){ var filename = $(this)[0].files[0].name; } else { var filename = $(this).val().split('/').pop().split('\\').pop(); } $(this).siblings('.upload-name').val(filename); });

See the Pen 특정 영역 이외 클릭 이벤트 by tjdsksro90 (@tjdsksro90) on CodePen.

See the Pen accordian slide by tjdsksro90 (@tjdsksro90) on CodePen.