본문 바로가기

Web/Javascript10

[javascript] scrolltop 과 offset 상단 메뉴 고정하는 방법 - scrollTop 은 현재 스크롤의 위치값을 나타냄 $(window).scrollTop(); - offset은 대상의 위치값을 나타냄 $(window).offset(); 📌 Script 상에서 처리 var thisTop = $(".top-fixed").offset(); $(window).scroll(function(){ if($(document).scrollTop() > thisTop.top){ $(".top-fixed").addClass('fixed'); $(".top-fixed").css("top","0px"); $(".search-menu").css("display","none"); $("#quick_wrap").css("margin-top","110px"); }else.. 2021. 3. 30.
[javascript] Href 속성에 Javascript Void:(0) 사용하는 이유 웹페이지에서 자바스크립트의 코드인 javascript:void(0) 를 인라인 형태로 사용된 것을 볼 수 있음 -> undefined를 반환해주는 함수임 #void(0) 을 사용하는 이유? 링크가 정상적으로 동작하지 않게 만들기 위해 undefined를 사용함 2021. 1. 20.
[Javascript] 이벤트 전파 막아주는 방법 ※ 이벤트 전파를 왜 막느냐? 실제 각 영역을 클릭해보면, Div를 클릭했을 때는 Div클릭한 결과만 나타나지만, 가장 아래에 있는 SPAN을 클릭하면 Span뿐만이 아니라 Div의 클릭 이벤트까지 모두 동작한다 → 즉, 이벤트가 전파된다는 뜻. 더보기 ① e.preventDefault(); 현재 이벤트의 기본 동작을 중단 ② e.stopPropagation(); 상위 DOM으로 전파되지 않도록 하는 코드 ③ return false e.preventDefault와 e.stopPropagation를 동시에 수행한 것과 같음 자세한 설명 참고) programmingsummaries.tistory.com/313 [JavaScript] JavaScript에서 이벤트 전.. 2021. 1. 12.
[javascript/jQuery] 배열 공부 <멘토 교육 3일차> ▶ 실습 툴 : Visual Studio Code forEach - 기본적인 사용법 const arr = [0,1,2,3,4,5,6,7,8,9,10]; arr.forEach(function(element){ console.log(element); }); // 또는 arrow함수 가능 arr.forEach(element => console.log(element)); ▶ for 문에 비해 더 깔끔하고, 직관적 / 속도 빠르다. ▶ return이 없다. scope관리를 잘해줘야한다. (함수 밖 영역 참조는 예외상황을 발생시킬수 있는데 그런 경우 map 사용하면좋다) [문자열 분할] split() : 어떤 단어를 기준으로 문장을 쪼개줌 join() : 문자열 합치기 var str = 'hello, world!'.. 2020. 11. 20.