减速期间没有为apple-mobile-web-app-capable 触发滚动事件

Posted 2023-02-23

【中文标题】减速期间没有为apple-mobile-web-app-capable 触发滚动事件

【英文标题】：scroll event not fired for apple-mobile-web-app-capable during deceleration

【发布时间】：2017-07-29 20:29:15

【问题描述】：

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

我有一个在滚动时触发的事件，以更改我的日历网络应用程序上当前月份的标题。当我加载页面时，这在 safari 中完美运行，但是在添加此元标记并将应用程序保存到我的主屏幕后，事件在滚动减速时停止触发。只要我的手指在屏幕上，它就可以更改标题，但在动量滚动减速期间滚动事件将不再触发。

我知道在 ios 的第一个版本中，滚动事件期间没有触发 javascript，但在 ios 8 中已修复此问题。为什么启用 apple-mobile-web-app-capable 会导致此行为回归？

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

  //change the title if scroll into next month

);

【参考方案1】：

您需要在这里了解更多信息：

点击此链接了解更多信息：click here

试试这个代码：

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

【讨论】：

这不会改变它。我的问题是添加元标记时它的行为不同。我想全屏显示页面，但宁愿触发滚动事件。