程序员经验分享-hwhale

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

2024-02-07

在 iOS 15 上，无论您有顶部还是底部工具栏，在元素内滚动都会导致窗口调整大小/工具栏消失。在 iOS 14 上，只有当主体滚动时才会发生这种情况。请参阅下面的 gif，注意 - 黄色区域是一个带有溢出滚动的 div，并且主体不滚动。

iOS 15

iOS 14

代码示例在这里：https://codesandbox.io/s/ios15-scroll-example-u7toi https://codesandbox.io/s/ios15-scroll-example-u7toi

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


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

身体滚动锁定库https://github.com/willmcpo/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/before.MP4

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

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

谢谢威尔姆波https://github.com/willmcpo https://github.com/willmcpo还有谷歌翻译...

PS：阅读本期https://github.com/willmcpo/body-scroll-lock/issues/236 https://github.com/willmcpo/body-scroll-lock/issues/236它说如果你通过NPM安装库，问题将无法解决。你需要从 GitHub 下载它——然后就可以了。

本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系:hwhale#tublm.com(使用前将#替换为@)

userinterface

scroll

safari

ios15

iOS 15 safari 工具栏现在在元素内滚动时隐藏 的相关文章

  • Cookie 在 MAC -Safari 和 IOS 移动版 - Safari 中不起作用

    我正在创建一个模型 序列化并分配到 cookie 中并将其传递到下一页 我可以在所有浏览器的下一页中获取 cookie 值 除了 MAC 优胜美地 Safari IOS IPHONE 6 手机 Safari 我是否需要更新以下代码才能在 S

  • 使用 Selenium Webdriver 和 Safari

    我正在使用 Visual Studio Express 2012 开发 Selenium Webdriver C 我安装了最新的 safari 浏览器 并为 Apple 的扩展创建了开发人员证书 并且构建了扩展并安装了它 但即使在那之后 我

  • 使用 AppleScript 单击 safari 网页按钮

    我想弄清楚如何单击网页中的按钮 例如 点击谷歌网页中的 手气不错 按钮 这是我尝试过的 tell application Safari make new document with properties URL https www goog

  • 用Red语言制作GUI对象

    我有一个小面板的以下简单代码 view t text label f field button Click here t text f text 但我必须制作其中两个并将它们放在一个窗户上 我想创建单个对象类并从中创建 2 个对象 我看到可

  • 如何在 Java 中使 JFrame 可滚动？

    我有这段代码 我试图在其中安装可滚动面板 JPanel 但我不明白 这是我的代码 public class Sniffer GUI extends JFrame Canvas c new Canvas ConnectorProperties

  • 隐藏 Safari 地址栏和页脚

    在我的 jQuery Mobile 项目中 我使用以下代码 我收到 Safari 浏览器地址栏和导航页脚 我怎样才能隐藏它们 以便我可以显示我的应用程序 您可以设置一些元标记来告诉 iOS 您的网站可以作为网络应用程序添加到主屏幕 一旦从那

  • 如何去除QWizard中的水平线？

    我正在研究一个样式表QWizard我想删除按钮上方的水平线 我尝试递归浏览所有小部件并将其边框设置为无 但似乎没有任何小部件具有此边框 这是我的代码 可以找到完整的可构建示例here https gist github com ardeid

  • 在 Volley 中更新 UI 最有效的方法是什么

    最近我在 android 中使用 Volley 库 它工作得很好 但我想知道更新 UI 的最有效方法 我有一个包含所有 Volley 方法的 Utils 类 现在我传递了所有视图将作为参数更新 但我读到我可以在活动中实现侦听器 然后将它们作

  • 通过 inflate 将 XML 属性从合并布局转换为relativelayout

    根据这个 CommonsWare 示例 我设法将我的relativelayout子类与具有合并根的xml布局中描述的布局合并 我唯一担心的是我无法在 xml 中描述我的relativelayout参数 我的 xml 布局

  • jquery UI datepicker - 禁用日期范围

    我正在努力让某些东西正常工作 我遇到了 未捕获的类型错误 无法读取未定义的属性 0 错误 如下所示 我不明白为什么 我正在尝试在度假别墅网站上使用 jQuery UI 日期选择器来指示可用性和季节 低 高等 我有一个作为 datePicke

  • 找不到布局变小的原因

    这是我的代码 几乎按预期工作 在讨论问题之前 请先查看代码 请原谅我的代码很长 但这可以像 java 类一样粘贴 我使用 NETBEANS JForm 设计器来获取 GUI package test import java awt even

  • Safari 后退按钮在使用时不会重新加载页面

    这个问题在旧版本的 Safari 中已得到解决 Safari 后退按钮问题 https stackoverflow com questions 24046 the safari back button problem 尽管运行最新的 Saf

  • 如何隐藏其他选项卡的内容并仅显示所选选项卡的内容

    当我单击特定选项卡时 其他选项卡的内容应该隐藏 但它并没有隐藏 这是我所有的代码 function showStuff id if document getElementById id style display block documen

  • 使用 pygtk3 将 GUI 窗口添加到 python opencv2 程序

    我已经使用Python和Opencv2完成了一个程序 现在 我想向我的程序添加一个 GUI 窗口 我对 PyGtk3 有一些经验 因此 我修改了代码以采用 PyGtk3 但是 我遇到了错误 因此 我尝试了一个简单的程序来找出实际的错误 我的

  • Perl Tk 模块有哪些缺点？

    与在 Perl 中创建 GUI 的其他解决方案相比 Tk 模块有哪些缺点 我最近浏览了 Perl 的各种 gui 模块 这是我的总结 免责声明 最终我发现现有模块都不能满足我的需求 所以我开始编写自己的 gui 工具包 Tk 工作起来很不错

  • 向 Thunderbird 添加多个附件（从命令行）

    我尝试通过命令行创建带有多个附件的新消息 但这不起作用 thunderbird compose attachment etc mtab attachment etc fstab 仅附加第一个文件 第二个失踪了 上面的命令行有什么问题 PS

  • 滚动到 ScrollViewer 末尾的最佳方法

    目前 当我添加新项目时 我让代码自动滚动到末尾的唯一方法如下 XAML

  • 在 iOS 7 Safari 中，如何区分通过边缘滑动与后退/前进按钮的 popstate 事件？

    在 iOS 7 Safari 中 现在有两种后退 前进导航方式 使用底部的传统后退 前进按钮箭头或从屏幕边缘滑动 我正在使用动画在 ajax 应用程序中的页面之间进行转换 但如果用户通过边缘滑动进行导航 我不想触发该转换 因为这本身就是一个

  • 不可勾选的单选按钮与专有的复选框

    从 UI 角度来看 是拥有一组具有取消选中功能的单选按钮更好 还是拥有一组独占的复选框 意味着一次只能选中一个 更好 Update 我没想到对此会有如此负面的反应 如果我给出一个更接近其使用方式的示例 也许会有所帮助 我有一个充满数据绑定内

  • 在移动设备上滚动

    这个问题更多的是一个建议研究 我确实希望它对其他人有帮助 并且它不会关闭 因为我不太确定在哪里寻求有关此事的建议 在过去的 6 个月里 我一直在进行移动开发 我有机会处理各种设备上的各种情况和错误 最麻烦的是滚动问题 当涉及到在网站的多个区

随机推荐

  • 以下划线开头的变量用于属性装饰器

    我是Python新手 所以 如果这是一个基本问题 请原谅我 我在互联网和SO上研究了这个主题 但我找不到解释 我正在使用 Anaconda 3 6 发行版 我正在尝试为属性创建一个简单的 getter 和 setter 我将引导您解决我遇到

  • 生成器和数组有什么区别？

    今天 PHP 团队发布了PHP 5 5 0 http php net archive 2013 php id2013 06 20 1版本 其中包括对发电机 阅读文档 https www php net manual en language

  • onload=function 与 window.onload=function

    使用 window onload function 有什么真正的优势吗 超过 onload function 我知道 window onload 看起来更合适 但这不是我选择它的好理由 特别是它比 onload 更长 更慢 经过一些耗时的搜

  • C 解引用指针

    我开始学习C 但我不知道为什么应用程序总是崩溃 include

  • 将 Tableau 升级到 9.2 后，我无法在 Tableau Server (9.1) 中发布工作簿？

    有人经历过这个吗 这是非常令人沮丧的 因为我花了几个小时准备升级后的 9 2 版本的工作簿 我尝试发布到 9 1 Tableau Server 但它不允许 看来我可能还得再花几个小时在 9 0 上重新创建仪表板 9 0 与我们拥有的 Tab

  • 全局安装 Composer 以供 Laravel 使用？

    我在全局安装作曲家时遇到一些问题 我将 Composer 安装到 C wamp bin php php5 4 12 目录中 我使用的是 WAMP 并使用以下命令在 C wamp www project 中创建一个项目 php compose

  • 无法清除 WPF ListBox.SelectedItems 集合

    我似乎无法清除数据绑定 WPF ListBox 的 SelectedItems 集合 我尝试过调用 ListBox SelectedItems Clear 尝试将 SelectedIndex 设置为 1 将 SelectedItem 设置为

  • 菜单项的自定义视图

    我需要有动态菜单项 用户定义颜色的圆圈 如下所示 触摸此菜单项将打开一个颜色选择器 现在 我有示例 ColorPickerIcon 扩展了 View public class ColorPickerIcon extends View pri

  • Python subprocess.Popen.wait() 即使发生错误也返回 0

    我正在通过 Python 的子进程模块运行命令行实用程序 我使用命令行参数和 stdout subprocess PIPE 创建一个 subprocess Popen 对象 然后使用 subprocess wait 等待任务完成并返回返回代

  • 在 Google 图表中显示/隐藏线条/数据

    我正在尝试制作一个包含 2 条线的谷歌折线图 您应该能够通过两个复选框打开和关闭它们 显示 隐藏 有人有任何想法可以做到这一点 或者只是给出一些指示吗 我的猜测是一些 onClick jQuery 的东西

  • TS2307：找不到模块“类验证器”

    我正在尝试使用类验证器 https github com pleerock class validatorTypescript 项目中的模块 但是 当我编译打字稿时 会发出以下警告 src main ts domain Order ts 1

  • 获取并在 Woocommerce 单一产品页面上显示税率

    我正在尝试找到一种方法 如何仅显示产品所具有的税率 16 或 7 基本上 这个想法是应该有一个静态税 价格包含16 税费 or 价格含7 税 因此 百分比利率应该根据产品的利率而动态变化 知道如何解决这个问题 我找到的所有解决方案都显示完整

  • RabbitMQ 中的消息序列出现意外行为

    我想实现类似于选项 3 的 RabbitMQ 拓扑here https engineering nanit com rabbitmq retries the full story ca4cc6c5b493 除了一些差异 新拓扑每天应该处理几

  • 为什么我要使用无限超时的 Sleep() ？

    据 MSDN 报道 Sleep http msdn microsoft com en us library ms686298 VS 85 aspx可以提供INFINITE值并且 表明暂停不应超时 为什么我要调用 Sleep INFINITE

  • 是否有工具可以找出 PC 上安装了哪个 .NET 框架？

    我知道官方的方法是注册表 但这有点耗时 我必须检查几台电脑上安装的版本 它们都没有 VisualStudio 但它们全部 可能 a NET 框架的版本 既然热水可能已经存在 那么我在哪里可以找到它呢 这是一个免费的轻量级工具 可以快速完成此

  • 我们的记录中不存在 AWS 访问密钥 ID

    我创建了一个新的访问密钥并在 AWS CLI 中配置了该密钥aws configure 它创造了 ini文件输入 aws config 当我跑步时aws s3 ls它给 调用 ListBuckets 操作时发生客户端错误 InvalidAc

  • PHP 网址问题

    有没有办法可以使用 PHP 从链接中删除变量 例如 如果我有一个读取的链接http localhost link index php s 30 p 3我该如何去掉 s 30 p 3所以我的链接是这样的http localhost link

  • 如何将 URL 中的图像附加到 FormData - Javascript

    这是我的小 JavaScript 代码

  • Caffe：如何通过代码获取`solver.prototxt`参数？

    我想访问solver prototxt参数如base lr 基础学习率 或weight decay来自Python代码 有什么方法可以从solver net目的 谢谢 根据本教程 http nbviewer jupyter org gith

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

    在 iOS 15 上 无论您有顶部还是底部工具栏 在元素内滚动都会导致窗口调整大小 工具栏消失 在 iOS 14 上 只有当主体滚动时才会发生这种情况 请参阅下面的 gif 注意 黄色区域是一个带有溢出滚动的 div 并且主体不滚动 iOS

热门标签