이런 형태의 홈페이지는 뭐라고 부르나요?
본문
답변 5
스크롤스파이라고 하는건데, 사실 기본적인 형태는 HTML만으로도 구현 가능합니다. HTML 초창기부터 들어 있던 기능이거든요.
HTML만으로 구현하려면
1. 이동시킬 장소에 위치한 태그에 name이나 id 속성을 이용해서 이름을 지정합니다. <div name="name1"> 이런 식이죠. 이때 같은 페이지에 이름이 중복되면 안 됩니다.
2. 이동 링크는 a 태그를 이용, href 속성에 이동할 태그에 지정한 이름을 적습니다. 이 때는 이름 앞에 '#'자를 추가해야 됩니다. <a href="#name1">이동</a> 이렇게 만드는 거죠.
3. 링크를 누르면 이름을 지정한 태그 위치로 곧바로 이동하는 것을 볼 수 있습니다.
여기에 이동을 부드럽게 한다든지, 각종 기능을 더 추가하는 것이 자바스크립트의 역할입니다.
스크롤스파이(ScrollSpy) 라고 검색해보세요.
fullscreen.js
답변을 작성하시기 전에 로그인 해주세요.