Studying Coding Studying Coding

return 함수 function의 실행에 끝부분에 온다. - Syntax return [expression] expression에 해당하는 값이 반환이 된다. 이것이 생략이 되어있다면 undefined 가 반환이 될것이다. 함수 본문에서 return 명령문에 도달하면 함수의 실행은 그 지점에서 중단된다. * 다음 return 명령문은 모두 함수의 실행을 끊는다. return; return true; return false; return x; return x+y;

localStorage.setItem Syntax localStorage.setItem(keyname, value) Storage.getItem() ()안에 key값을 두면 이것은 그 키의 value를 리턴한다. Syntax getItem(keyName)

window.scrollTo() 는 문서의 특정 좌표로 스크롤 합니다. - Syntax : scrollTo(x-coord, y-coord) scrollTo(options) -Example : window.scrollTo(0, 1000); window.scrollTo({ top: 100, left: 100, behavior: 'smooth' }); # JavaScript 15Project # 10.Scrolls window.scrollTo({ left: 0, top: position, });

link 를 선택할 경우, 그에 맞는 page 위치에 스크롤 하게 됩니다. offsetTop - A Number, representing the top position of the element, in pixels https://mommoo.tistory.com/85 const scrollLinks = document.querySelectorAll('.scroll-link'); scrollLinks.forEach((link)=>{ link.addEventListener('click',(e)=>{ e.preventDefault(); // prevent scroll even if setting anything. const id = e.currentTarget.getAttribute('href').slice(..

Even if i scroll down and up, i want to see the navbar. then I can set the navbat to be fixed. // pageYOffset is a read - only window property that returns the number of pixels the document has been scrolled vertically. https://webty.tistory.com/179 JS : 스크롤 동적처리 2. pageYOffset, getBoundingClientRect window.pageYOffset * 웹 문서가 수직으로 얼마나 스크롤됐는지 px 단위로 반환하는 속성입니다. * window scroll 이벤트와 함께 실시간으로 스크롤 ..

Element.getBoundingClientRect() method returns the size of an element and its position relative to the viewport. - object : A DOMRect object with eight properties: left, top, right, bottom, x, y, width, height 화면으로 부터 DOM element's position 을 알수 있는 방법 Top or y // The initial position value of the target from the top of the screen end position value of target from bottom // screen top The initial..

Format = new Date().getFullYear(); #I used in JavaScript 15 projects.(#10.scrolls) const date = document.getElementId('date'); date.innerHtml = new Date().getFullYear(); 1. First code is calling the HTML value that i want to use. 2. To use 'innerHtml' > put the new Date().getFullYear() in the 'date' value.