減速期間未觸發支持apple-mobile-web-app的滾動事件

Question

<meta name="apple-mobile-web-app-capable" content="yes" />

我有一個事件會在滾動時觸發，以更改我的日歷網絡應用程序中當月的標題。 當我加載頁面時，這在safari中非常有效，但是在添加此meta標簽並將應用保存到主屏幕后，由於滾動減速，該事件停止觸發。 只要我的手指在屏幕上，它就可以更改標題，但是在動量滾動減速期間滾動事件將不再觸發。

我了解到，在滾動事件期間未觸發ios的第一版javascript，但是在ios 8中已解決此問題。為什么啟用apple-mobile-web-app-capable會導致這種行為退化？

$(".dates_container_m").on( 'scroll', function(){

  //change the title if scroll into next month

});

Answer 1

您需要在此處了解更多信息：

點擊此鏈接以獲取更多信息： 單擊此處

像下面的代碼這樣嘗試：

document.addEventListener("touchmove", OnScrollStart, false);
document.addEventListener("scroll", OnScroll, false);

function OnScrollStart() {
    //start of scroll event for iOS
}

function OnScroll() {
    //end of scroll event for iOS
    //and
    //start/end of scroll event for other browsers
}