ionic 프로젝트에서 #이 경로로 사용되는 것을 기반으로 페이지 내 앵커 점프 기능에는 $anchorscroll이 사용됩니다. 주요 사용코드는 다음과 같습니다
$location.hash(id);
$anchorScroll();
수행되는 작업은 다음과 같습니다.
【1】페이지를 먼저 슬라이드하지 말고, 버튼을 직접 클릭하여 해당 ID로 점프를 실행하고, 점프한 후 수동으로 페이지를 슬라이드할 수 있는지 확인해 보세요.
【2】페이지를 먼저 슬라이드한 다음 버튼을 클릭하여 점프 이벤트를 실행하고 점프할 수 있는지 확인하세요.
[3] 먼저 페이지를 슬라이드한 다음 버튼을 클릭하면 점프 이벤트가 실행됩니다. , 페이지를 수동으로 슬라이드할 수 있는지 확인해 보세요
Android에서는 이 모든 작업이 가능합니다. iPad에서는 두 번째와 세 번째 작업이 유효하지 않습니다. 게다가 첫 번째 점프가 성공한 후에는 페이지가 위로 슬라이드되지 않고 아래로만 슬라이드됩니다.
Baidu에서 검색한 후 마침내 답을 찾았습니다.
ion-content에 Overflow-scroll="true"를 추가하면 됩니다.
즉, <ion-content Overflow-scroll="true">