Angular에서 수정된 메뉴/최상위 플러그인 Sticky-Kit 버그 해결

작은 쓰레기 같은 놈들 · 게시됨 2018. 10. 18. 오후 4:14:55

사용자가 페이지를 스크롤하는 동안 특정 요소를 보이게 유지하고 싶다면 Sticky-Kit이 좋은 선택입니다.

이 플러그인은 오픈 소스 jQuery 플러그인으로, 페이지 요소에 대해 고정된 페이지 효과를 빠르게 생성할 수 있도록 도와줍니다. 내비게이션 바를 개발할 때 이런 기능이 필요할 때가 많습니다.

주요 특징:
여러 요소의 고정 표시 지원
요소 디스플레이와 뷰포트의 위치를 지원합니다
사용법이 매우 간단하고 클래스 라이브러리도 매우 작습니다

공식 웹사이트:http://leafo.net/sticky-kit/
GitHub:https://github.com/leafo/sticky-kit

사용하기 간단합니다:

로그인이 보이네요.

제 코드:

로그인이 보이네요.

위쪽에 고정된 게 아니라, 제가 사용하는 템플릿이 위에 고정될 수 있어요. 처음에는 제가 잘못한 줄 알았고, 오랫동안 찾아봤더니 찾았어요stick_in_parent 기본적으로 고정 요소의 가장 가까운 부모 항목을 선택합니다，

제 부모 요소는 app-topbar(Angular에서 자동 생성된 태그)인 것을 알지만, 템플릿의 부모 요소는 div #main-wrapper입니다

따라서 수정 사항은 다음과 같습니다:

로그인이 보이네요.

끝!

무드홈 · 게시됨 2018. 10. 18. 오후 9:44:45

오랫동안 이 주제를 조사해왔고, 드디어 찾았습니다. 감사합니다

[각] Angular에서 수정된 메뉴/최상위 플러그인 Sticky-Kit 버그 해결

관련 게시물

본 섹션