【发布时间】：2021-02-14 10:09:38
【问题描述】：
设法将我的网站转换为 PWA，一切正常，但安装横幅弹出窗口有一个小问题。
横幅应该出现在底部，但当用户向下滚动页面时它会消失，然后如果他再次回到页面顶部，则会返回。
有什么办法可以修复它还是横幅的一个功能？
这是网站： https://clicktoplay.ru/
【问题讨论】：
标签： html google-chrome progressive-web-apps banner
【发布时间】：2021-02-14 10:09:38
【问题描述】：
这是横幅的一个特点。 mini-info bar 只会在用户第一次访问该页面时显示，并且在大约 90 天内不会再次显示。
如果您想添加自己的自定义安装体验，可以通过监听 beforeinstallprompt 事件并显示按钮或其他自定义安装促销来实现。
【讨论】：
-
谢谢你的回复，我去看看。
-
只是为了清除一些东西，我需要在我的 Service Worker 中实现这个事件的监听器吗？
-
不，在您的主应用程序中监听事件 - web.dev/customize-install 应该会引导您完成您需要遵循的步骤。
-
非常感谢先生，这对我有用。我认为对于 Safari 上的 iOS 用户来说没有这样的事情是吗？
-
Safari 有添加到主屏幕，但只能由用户发起，隐藏在分享菜单中。