基於#在ionic專(zhuān)案中當(dāng)成是路徑,使用的是$anchorscroll進(jìn)行頁(yè)面內(nèi)錨點(diǎn)跳轉(zhuǎn)功能。以下是使用主要程式碼
$location.hash(id);
$anchorScroll();
進(jìn)行的操作是:
【1】先不滑動(dòng)頁(yè)面,直接點(diǎn)擊按鈕觸發(fā)跳轉(zhuǎn)對(duì)應(yīng)id處,跳轉(zhuǎn)後試試能否手動(dòng)滑動(dòng)頁(yè)面
【2】先滑動(dòng)頁(yè)面,再點(diǎn)擊按鈕觸發(fā)跳轉(zhuǎn)事件,看看能否跳轉(zhuǎn)
【3】先滑動(dòng)頁(yè)面,再點(diǎn)選按鈕觸發(fā)跳轉(zhuǎn)事件,成功跳轉(zhuǎn)之後嘗試能否手動(dòng)滑動(dòng)頁(yè)面
在android 上面都是這幾個(gè)操作都是可以的,在ipad上第2個(gè)跟第3個(gè)都失效,而且第一個(gè)成功跳轉(zhuǎn)之後,頁(yè)面無(wú)法向上滑動(dòng),只允許向下滑動(dòng)
縱裡尋他千百度,終於讓我找到答案了:
只需要在ion-content加上:overflow-scroll="true"
即: