목록Menu (4)
코드랩 레퍼런스
See the Pen Menu1 by Webstoryboy (@webstoryboy) on CodePen. Share
See the Pen Parallax = Dot Menu by Webstoryboy (@webstoryboy) on CodePen. Intro Skill Website Work About Contact Think Different Raise Your Head The Life is only once I must do what I want to do Time is Life itself There is no destiny Share
패럴랙스 사이트(ParallaxScrolling)와 메뉴를 연동하여 각 섹션에 해당하는 메뉴를 표시해주는 예제입니다. Parallax Basic 예제에서 추가되는 작업입니다. See the Pen parallax = menu by Webstoryboy (@webstoryboy) on CodePen. offset값과 scrollTop값이 같으면 화면에 해당 섹션이 보입니다. scroll값이 offset값과 같거나 크면 메뉴에 active라는 클래스가 붙습니다. 이런 원리를 이용하면 패럴랙스의 기본이 완성이 됩니다. Jquery Property .eq() : .eq() 메서드는 선택한 요소의 인덱스 번호를 갖는 요소를 반환합니다. .offset() : .offset() 메서드는 선택한 요소의 좌표 값(문서 ..
태그는 메뉴 리스트를 정의합니다. 특징 설명 콘텐츠 카테고리 Flow Content 콘텐츠 모델 Phrasing Content DOM 인터페이스 HTMLMenuElement 콘텐츠 속성 Global Attributes, Event Attributes 콘텐츠 요소 Block Element 닫는 태그 사용(~) 시각적 표현 밑줄과 파란색으로 표시 버전 HTML4 Definition 태그는 컨텐츠 메뉴, 툴바 메뉴, 순서 없는 메뉴로 사용합니다. CrossBroswing 태그는 아직 실험적인 단계이기 때문에 정확한 호환성을 확인할 수 없습니다.