新的iOS 13音量滑块错误（与CSS相关？）>

Question

将我的iPhone 8 Plus更新到iOS 13之后，我在网站上发现了新的HUD卷的奇怪行为。与音量按钮互动后，新的音量HUD不会消失。它缩小为一个简单的条，但永远不会完全消失。仅发生在我有固定视图，没有垂直滚动的某些网页中。它可以与CSS规则相关吗？一旦我按下“后退”，或转到启用了垂直滚动的另一页，HUD卷就会像通常那样消失。其他人有这个问题吗？如果这样做了，是什么原因造成的？如何解决？由于HUD的新位置涵盖了我注意到该问题的那些网页中的许多控件，因此这非常令人烦恼，因此需要找到一种解决方案来修复此问题，并保持iOS12或更低版本用户的功能。

我注意到iframe的另一个问题，那些应该以这种格式滚动的文件：

<div style="overflow-x:scroll">
    <iframe >
        ...
        <video></video>
    </iframe>
</div>
在ios12中，iframe曾经与它所包含的视频具有相同的宽度，比方说1200像素，在移动设备上，我能够水平滚动iframe并专注于所需的部分。在ios13中，iframe的宽度是设备的宽度，这意味着我无法再水平滚动它了。我使用jQuery进行了临时修复，我获得了视频的宽度并将其应用于iframe，但这会引起新的问题，我想回到原来的状态。为什么ios13中的iframe与ios12中的不同？ 

谢谢

已经尝试一个接一个地删除CSS规则，看看是什么原因引起的，但到目前为止还算不上成功。寻找消除溢出：隐藏规则以及-webkit-overflow-scrolling规则以查看是否相关，只有我能想到的与它有关。也许是元标记？ ？但这是添加到我网站上的每个网页上的，不是这样。

预期结果：正常行为，在任何地方与其交互后，卷HUD都会消失。

iframe可滚动而不需要jQuery为iframe设置固定宽度

编辑：导致问题的代码块。移除障碍物将解决问题。所以我的猜测仍然与CSS规则有关。

<div id="webcam" style="height: 100%; width: 100%; overflow-x: scroll; overflow-y: hidden;position: relative; background-color: black;">
    <video id="h5live-webcam" type="application/vnd.apple.mpegURL" playsinline="true" src="https://stream01.****.com:443/h5live/http/playlist.m3u8?url=rtmp%3A%2F%2Fwowza02.****.com%aaabad&amp;stream=1000000.mp4%3FcSessionId%3DguestKey&amp;random=142989" style="width:initial; margin:0px; transform:none; height:100%; width:initial;"></video>
    <div id="middleView-webcam" style="width: 83px; height: 83px; position: absolute; left: 50%; top: 50%; margin-right: -50%; transform: translate(-50%, -50%); z-index: 1000;">
        <canvas id="loadingSign-webcam" style="z-index: 1001;"></canvas>
    </div>
</div>

更新2：问题与NanoPlayer和播放选项（静音，自动静音等）有关。尚未解决，但缩小范围。

将我的iPhone 8 Plus更新到iOS 13之后，我在网站上发现了新的HUD卷的奇怪行为。与音量按钮互动后，新的音量HUD不会消失。缩小到...

Answer 1

iOS 13更改了iframe的行为。它们过去通常不滚动和扩展以适合内容（拼合）。它们现在可以像所有其他浏览器一样工作。解决与滚动DIV有关的iOS iframe滚动问题的应用程序可能会受到影响。试图找出是否有一种方法可以通过配置还原此帧的禁用平移，以便iOS 13的行为类似于iOS 13之前的版本。这是一条巨大的消息。