이것은 브라우저 창 상단의 페이지 대상 요소 를 "고정"할 수 있는 간단한 jQuery 플러그인입니다. 페이지가 스크롤 중입니다. 대상 요소가 여전히 설정된 위치에 나타날 수 있습니다. 이 플러그인은 여러 페이지로 구성된 웹사이트에서 작동할 수 있으며 단일 페이지에서 탐색 기능을 구현할 수도 있습니다. 현재 페이지를 스크롤하여 탐색 표시줄의 효과를 확인하세요.
이제 StickUp에 포함된 자바스크립트 파일을 페이지에 로드할 수 있습니다. 아래 코드를 복사하여 페이지 하단에 붙여넣으세요. 자바스크립트 파일의 경로가 올바른지 확인하세요.
아래 파일을 참조하세요. 또는 다음 코드를 기존 자바스크립트 파일에 넣을 수 있습니다. 이 파일은 또한 StickUp 파일 아래에 있어야 합니다. '.navbar-wrapper'를 대상 요소의 클래스 이름으로 바꿉니다.
🎜> / /'.na에서 StickUp 활성화 vbar-wrapper' 클래스
$('.navbar-wrapper').stickUp();
~
자세한 기능은 http://www.bootcss.com/p/stickup/
을 참조하세요.
이상은 jQuery 플러그인인 StickUp을 다양한 측면에서 소개하고 있으며, PHP 튜토리얼에 관심이 있는 친구들에게 도움이 되기를 바랍니다.