프론트엔드개발자가되는중

윈도우 스크롤이 어느 위치에 있든, 팝업창을 윈도우의 중간에 띄우는 방법 css에서 자식요소를 부모요소의 가운데에 정렬할 때, left: calc(50% - '정렬하고자 하는 요소 너비의 절반') 이런 식으로 쓰는걸 응용한 방식이다. var ww = $(window).width(); var wh = $(window).height(); var pw = $('#popup').width(); var ph = $('#popup').height(); $('#popup').css({'top': (wh/2) - (ph/2) + ($(window).scrollTop()), 'left':(ww/2) - (pw/2) + ($(window).scrollLeft())}); }); 윈도우에서 스크롤이 발생하지 않았다면, '윈도..

➜모바일 네비를 만들 때, 네비 밖을 클릭하면 네비가 사라지게 하기 // 네비 이외 클릭하면(클릭한 곳이 .nav가 아니면) 네비 OFF $('.outside-of-nav').on('click', function(e){ if($('.nav').has(e.target).length === 0 ){ //네비가 사라지는 함수 입력 } //console.log($('.nav').has(e.target).length); //1 || 0 //console.log(e.target); //'.inside-of-nav' || '.outside-of-nav' }); 'html' 안을 클릭했을 때, '.nav'안에 그 클릭된 요소(e.target)의 길이가 0이면(=없으면) 함수를 실행해라. 여기서 (e.target)은 이..