이것은 JQM 패널이 페이지와 독립적으로 스크롤되는 것에 대한 질문이 아닙니다. 문제가되어 거의 극복해야하는 문제인데, 이는 패널 스크롤을 부드럽게하고 장치 브라우저를 무시하는 것에 관한 것입니다. edge 이벤트 (또는 정확한 용어는 무엇이든간에 아래에서 설명 할 것입니다.)jQuery 모바일 패널 부드러운 스크롤
기본적으로 나는 Google의 모바일 사이트에서 자연스럽게 JQM을 사용하지 않는 메뉴를 복제하려고합니다. 꽤 가깝지만 스크롤하는 애니메이션은 매우 엄격합니다. 나는 당신의 손가락에 고정되기보다는 운동량에 기반을 두어야합니다.
또한 메뉴의 상단이나 하단에 도달하면 문서의 극단으로 간주되므로 브라우저는 전체 문서를 위 또는 아래로 이동하여 페이지의 가장자리를 나타냅니다. 대신, 패널이 열려있는 동안 페이지가 절대로 움직이지 않아야하며 메뉴는 패널 내에서 이러한 동작을 수행해야합니다.
패널 높이를 100 %로 설정 했으므로 메뉴를 열 때 iOS Safari의 주소 표시 줄이 강제로 열립니다. 이것은 정확히 Google에서 일어나는 것처럼 보이지만이 문제를 해결할 수있는 방법이 있다면 나는 그것을 듣고 싶습니다.
마지막으로 독립 스크롤링을 에뮬레이션 한 한 가지 단점은 패널이 열려있을 때 콘텐츠 래핑을 고정으로 설정하는 것입니다. 그러나 이는 패널이 열릴 때 항상 페이지가 맨 위로 스크롤된다는 것을 의미합니다. 이것에 대한 대안은 인정 될 것이다. 페이지 상단을 scrollTop 또는 뭔가로 설정할 수 있다고 가정합니다.
은 요약하면 :
- 패널 메뉴 오히려 윈도우보다 메뉴에서 (직접 터치보다는 모멘텀)을 원활
- 탄성 가장자리를 스크롤 할 필요가 높이
- 페이지를 방해
- iOS의 사파리 주소 표시 줄 패널이 열릴 때 상단에 고정
내 설명이 이해가되지 않는다면 goo를 방문하십시오. 전화로 gle.com을 방문하여 메뉴를 확인하십시오.