상위 React 고정 구성 요소 예
1. 끈적 끈적한 상태에 반응
React Sticky[State] 컴포넌트는 기본 position:sticky를 stateful로 만들고 누락된 고정 브라우저 기능을 폴리필합니다.
그것의 React 버전 https://github.com/soenkekluth/sticky-state
오늘날의 브라우저는 position:sticky 기능을 지원하지 않습니다. 스티키 상태의 요소에 다른 스타일을 추가하거나 javacript에서 필요한 경우 상태를 읽으려면:hover => div:sticky와 같은 것입니다.
야생에서 찾을 수 있는 거의 모든 폴리필과 달리 StickyState는 고성능입니다. 여러 속성을 유지하여 계산을 최소화합니다.
opencv 이미지 크기 가져오기
데모
https://rawgit.com/soenkekluth/react-sticky-state/master/examples/index.html
2. 리스트뷰 스티키 헤더에 반응
고정 섹션 헤더로 목록 보기에 반응합니다.
데모
http://cht8687.github.io/react-listview-sticky-header/example/
콜의 직원 비밀번호 재설정
3. 리액트 헤드룸
필요할 때까지 헤더를 숨깁니다.
React Headroom은 스크롤 시 헤더를 숨기거나 표시하는 React 구성 요소입니다. 이 사이트의 헤더는 살아있는 예입니다. 아래로 스크롤하면 보이지 않게 슬라이드되고 위로 스크롤하면 다시 안으로 슬라이드됩니다.
고정 헤더는 지속적인 탐색에 유용하지만 귀중한 수직 화면 공간을 차지하여 방해가 될 수도 있습니다. 이 구성요소를 사용하면 탐색이 필요하지 않을 때 화면 공간을 보존하면서 지속적 탐색을 할 수 있습니다.
느슨한 구글 시트
데모
http://kyleamathews.github.io/react-headroom
4. 끈적 끈적한 반응
React 구성 요소를 끈적하게 만드십시오!
업데이트 더 이상 적극적으로 유지 관리되지 않음:
6.0.3 릴리스는 유지 관리되는 마지막 릴리스입니다. 이는 새로운 관리자가 확인될 때까지 PR 및/또는 문제에 대한 대응을 고려하지 않을 것임을 의미합니다. 더 나은 지원과 지속 가능성을 보장하기 위해 다른 고정 라이브러리로 전환을 시작하는 것이 좋습니다. 이것은 분명히 이상적이지 않습니다. 불편을 끼쳐드려 죄송합니다!
이상한 여행 redux 암호 생성기
#reactjs #자바스크립트