최고의 재단 마젤란 (마젤란) 탐색 튜토리얼 2024년, 이 튜토리얼에서는 마젤란 네비게이션을 만드는 방법,마젤란 탐색 도구 모음 헤드,마젤란 탐색 패딩,마젤란 탐색 옵션,를 배울 수 있습니다.
마젤란 탐색은 다음과 같이 탐색 인덱스가 생성된다 :
의 <DIV> 요소에 추가 data-magellan-expedition="fixed"
" 마젤란 탐색을 만들 수있는 속성입니다.
그런 다음 <dd>
또는 <li>
추가 data-magellan-arrival=" value "
" 속성 및 속성 값 (PAGE1)로 다시 링크를 추가 할 수 있습니다.
사용 data-magellan-destination="value"
" 에 의해 다음에 마젤란 탐색 대상, 제어하는 속성을 <a>
추가 요소 name=" value "
속성을. 속성의 두 값이 있어야 data-magellan-arrival
일관된 값 (PAGE1).
마지막으로, 페이지를 스크롤하는 것은 자동으로 콘텐츠에 따라 스위치 반면 초기화 재단 JS, 사용자는 현재 표시된 네비게이션.
예를 사용하여 마젤란 탐색 도구 모음 헤드 :
기본적으로 마젤란 탐색 <div>
요소는 10px의 패딩을 보유하고 있습니다. CSS는 제거하는데 사용될 수있다 :
같은 마젤란 탐색 설정의 속성 수정 데이터 옵션을 사용하여 <div data-magellan-expedition="fixed" data-options="destination_threshold:60">
:
이름 | 유형 | 디폴트 값 | 기술 | 예 |
---|---|---|---|---|
active_class | 현 | 활동적인 | 클래스는 활성화 링크를 지정 | 시험 |
임계 값 | 수 | 0 | 탐색은 고정 된 위치를 필요로 어떤 시간에 지정합니다. 스크롤 막대에 따라 계산되며, 기본값은 0 (자동)입니다. | 시험 |
destination_threshold | 수 | (20) | 설정 값이 목록의 상단에서 탐색 할 수있는 탐색 링크의 값을 표시하도록 설정되어 때 활성화 (파란색 배경)입니다. | 시험 |
fixed_top | 수 | 0 | 탐색 모음의 머리에서 픽셀 값을 지정합니다 | 시험 |