在 PWA 上安装横幅在滚动时消失

Question

设法将我的网站转换为 PWA，一切正常，但安装横幅弹出窗口存在一个小问题。

横幅本来应该出现在底部，但当用户向下滚动页面时它会消失，然后如果他再次位于页面顶部则返回。

有什么办法可以解决这个问题吗？或者这是横幅的一个特点？

这是网站： https://clicktoplay.ru/

Answer 1

这是横幅的一个特点。 mini-info bar 只会在用户第一次访问该页面时显示，大约 90 天后不会再次显示。

如果您想添加自己的自定义安装体验，可以通过侦听 beforeinstallprompt 事件并显示按钮或其他自定义安装促销来实现。