iOS 15 Safari 工具栏现在在元素内滚动时隐藏

Question

在 iOS 15 上，在元素内滚动会导致窗口调整大小/工具栏消失，无论您是否拥有顶部或底部工具栏。在 iOS 14 上，这只会在正文滚动时发生。请参阅下面的 gif，注意 - 黄色区域是一个带有溢出滚动的 div，并且正文没有滚动。

iOS 15

iOS 14

此处的代码示例： https://codesandbox.io/s/ios15-scroll-example-u7toi

这种新行为是有意的还是错误？有什么办法可以禁用它，因为它现在让很多网站看起来有点奇怪！

Answer 1

我为我的案例解决了这个问题。也许它也会对你有所帮助。

body-scroll-lock 库https://github.com/willmcpo/body-scroll-lock

工作视频示例

使用库前（痛）：https://truewebstories.ru/sites/default/files/0my_files/blog/2022/scroll-safari-15/before.MP4

之后：https://truewebstories.ru/sites/default/files/0my_files/blog/2022/scroll-safari-15/after.MP4

在打开该菜单后，我会阻止除“汉堡菜单”（侧面菜单）之外的所有内容滚动。当菜单关闭时，所有滚动锁定都被释放。

感谢 willmcpo https://github.com/willmcpo 和谷歌翻译...

PS：看这个issuehttps://github.com/willmcpo/body-scroll-lock/issues/236说如果你通过npm安装库，问题就解决不了了。您需要从 GitHub 下载它 - 然后就可以了。