程序员经验分享-hwhale

在 MS IE11 中启用全屏时无法滚动

2023-12-06

我有一个使用 Bootstrap3 具有固定页眉和页脚的页面。下面的内容是可滚动的。用户可以通过 F11 或按钮（使用 FullScreen-API）启用全屏模式。这在 Chrome 和 FF 中工作正常，但在 IE11 中出现问题。 F11 全屏效果总是很好。但是使用 javascript 切换全屏模式会导致我的页面在使用 IE11 时被放置在顶部底部，并且宽度和高度缩小。我的页眉和页脚保持不变。

<body>
    <header>Fixed</header>
    <main>Scrollable</main>
    <footer>Fixed</footer>
</body>

我创建了一个小小提琴，可以显示我在做什么。不幸的是，全屏不会在 JSFiddle 中切换，所以最好将代码复制到其他地方：https://jsfiddle.net/j122kdju/

这是该网站的两个屏幕截图。我给 html 设置了绿色背景色，以查看通过 JS API 启用全屏时发生的情况。第一张图显示了 IE11 中没有全屏的页面：

enter image description here

第二个显示通过 IE11 中的 JS API 启用全屏：

enter image description here

我可以通过将 css 中的 html 宽度设置为 100% 来解决这个问题。无论如何，溢出的页面就不能再滚动了。滚动条不可见。如前所述，这在其他浏览器中运行良好。

有没有可用的解决方法？我在这里错过了什么吗？谢谢

EDIT:也许相关：IE 在全屏模式下无法滚动


如果您希望整个页面全屏，解决方案是为 IE11 发送“document.body”，为 Chrome 和 Firefox 发送“document.documentElement”

在这里查看我的完整答案：IE 在全屏模式下无法滚动

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

css

html

internetexplorer

fullscreen

html5fullscreen

在 MS IE11 中启用全屏时无法滚动 的相关文章

  • 如何获取 JavaScript 中已经找到的 div 中特定类的元素？

    我需要的是找到一个具有特定 id 的 div 然后找到其中具有特定类的任何元素 并使第一个元素不可见 我努力了 var hostDivName theHostDivName var hostDiv document getElementsB

  • 使用 HTML 和 CSS 创建横向和纵向布局

    我有一个要求 我需要编写一个 HTML CSS 它应该显示横向和纵向 具体取决于 iPad 的方向 最初我想使用 HTML 和 CSS 编写这个 然后将其用于 iPad发展 我的问题是实现这一目标的最佳方法是什么 拥有两个不同的 html

  • ArcGIS JavaScript API 3.9 - 鼠标拖动事件在 Internet Explorer 11 中不起作用

    我在 Internet Explorer 11 中遇到来自 ArcGIS API for JavaScript 3 9 的鼠标拖动事件问题代码如下 map on mouse drag zobraudalost function zobrau

  • 如何区分两个同名的多选列表

    对于我正在构建的系统 我需要查看第一个列表中出现了哪些选项 通过 POST 请求 以及第二个列表中出现了哪些选项

  • 如何在 Popup div 中加载 iframe 内容？

    如何在 Popup div 中加载 iframe 内容 单击每个链接时将打开弹出 div 从每个链接 页面 url 将加载到弹出 div 内的 iframe href document ready function openpop clic

  • 如何缩放 SVG 路径以适应窗口大小？

    我在缩放 SVG 以适应窗口大小时遇到 了麻烦 在这个例子中 我有一个波浪路径和一个文本元素 我想在这里实现的是沿着波浪路径从左到右移动文本元素 这是由GSAP完成的 并停在路径的中间在初始负载下 当用户开始滚动时 它将移至末尾 我的问题是

  • IE：“nodeType”为 null 或不是对象

    我在 IE 6 7 8 中的网站上遇到此问题 nodeType 为 null 或不是对象 该错误涉及 f nodeType 属性 基本上 f 是未定义的 所以问题是之前的 但我无法修复它 从 IE 开发人员工具栏调试来看 似乎是这一行引发了

  • iPhone 4 上不稳定的 CSS3 动画

    我有一个非常简单的 或者至少我认为是 动画 我所做的只是 webkit background size 的动画 bubble position relative width 397px height 326px background url

  • 如何在索引视图中打印关联数据

    subjects this gt Subjects gt find all contain gt Users fields gt Users username Users email gt hydrate false gt toArray

  • 如何在绝对定位的 div 内用 CSS 创建粘性页脚？

    我想创建一个粘性页脚inside绝对定位的 div 元素 我的方法是将页脚 div 也绝对定位 在另一个相对定位的 页面 div 内 其中包含页面的实际内容 div class content div class page Some Lor

  • 表格固定标题和第一列 css/html

    我有一个包含大量行和列的表 但我想固定标题和第一列 这是我需要的图片 只有粉色部分必须水平和垂直滚动 但其他部分在滚动过程中必须保持可见 我的表位于 div 中 首先 我应该使用一张桌子还是四张桌子 蓝色桌子 红色桌子 绿色桌子和粉色桌子

  • Rails 上的 SASS 无效 CSS 错误

    我正在尝试使用http startbootstrap com stylish portfolio http startbootstrap com stylish portfolio但是 在我的 Rails 应用程序中 我在 vintage

  • 移动设备上的剩余悬停效果

    我一整天都在努力做这个JSFiddle http jsfiddle net gsamaras q2w4jjyt 4 也适用于手机 但我所有的尝试都没有效果 在桌面上 当用户将鼠标悬停在箭头上时 它会变成红色 在移动设备上 当用户触摸 为了单

  • 角度材质表-表内边框

    I am using Angular material table and I want to set border inside the table Using CSS I was able to set border Normal ca

  • IE 中的 jQuery 鼠标闪烁

    当我在 IE 中执行 fadeIn fadeOut slideUp slideDown toggle 等 jQuery 函数时 鼠标总是闪烁 沙漏在光标旁边的视图中快速闪烁 我尝试了不同的方法来在动画进行时完全隐藏鼠标 但没有效果 而且在大

  • 禁用 HTML 验证。如何为全局每个表单设置“novalidate”？

    我想知道是否可以做一些事情来禁用应用程序中每个表单的 HTML 验证 有什么办法可以做到这一点或者我应该添加novalidate每个表单标签的属性 看来唯一的方法是添加novalidate使用 JavaScript jQuery 为每个表单

  • Ace Editor 自动完成和多种语言

    如何为 Ace 编辑器创建自动完成功能以及如何突出显示 php 中的 html javascript 和 csshttp ace ajax org http ace ajax org

  • Angular 2 + Semantic UI，组件封装打破风格

    我使用 Angular2 和 Semantic UI 作为 CSS 库 我有这段代码 div class ui three stakable cards a class ui card a a class ui card a a class

  • JQuery 设置动态最大宽度

    我不太擅长 jQuery 因此完整的代码解决方案将是理想的选择 该函数将 获取浏览器屏幕的 70 宽度 将该宽度转换为其相应的 px 值 设置最大宽度 mainContainer使用从转换 计算中获得的值 这是我要设置的容器的 CSS 样式

  • IE10 中的弹性盒

    我试图让弹性框在 IE10 中工作 但它不起作用 Safari Chrome 和 Firefox 工作正常 但 IE10 不工作 有人知道答案吗 代码笔 http codepen io anon pen vcEGH http codepen

随机推荐

  • 使用 Pcap 进行超时监听

    我想在 Linux 上使用 C 语言的 Libpcap 编写一个小应用程序 目前 它开始嗅探并等待数据包 但这并不是我真正需要的 我希望它等待 N 秒然后停止监听 我怎样才能做到这一点 这是我的代码 void got packet u ch

  • 如何按常见项目对元组进行分组并查找每组的平均值

    我有一个名为的元组列表data data A 2 B 2 B 4 B 6 B 8 B 6 B 4 B 3 C 10 C 10 C 10 D 12 E 12 F 10 F 8 F 6 average 我想要每个相同字母的平均值 预期输出 av

  • 线程之间的 Qt 连接类型：为什么会这样？

    在尝试使多摄像头系统与处理不同摄像头的不同线程一起工作时 我无法使信号和插槽在不同线程之间正常工作 我知道发送信号的对象和相关槽的对象位于不同的线程中 因此我知道我可能只需要为连接找到合适的 连接类型 参数 最终 我发现只有使用 Qt Di

  • 单独元素的边距如何影响固定元素的位置？

    我有两个独立的DIVs one position fixed用于通知栏 一个用于主容器 当我给出container some margin top 这也推送了我的通知栏 这是一个小提琴 http jsfiddle net Zh9k8 2 而

  • 将 OpenStreetMaps 与 Cordova 集成

    我想知道你们是否知道如何将开放街道地图 OSM 与科尔多瓦一起使用 这几天都在找 我能得出的结论是 我不应该直接使用 OSM 的 API 因为如果我有太多调用 他们的服务器会阻止我 所以有免费的开源名称 例如 1 Openlayers 2

  • Android 4.4.2 仅在完整的 Java 代码动画期间在视图对象边界外部创建黑色遮罩

    在这方面确实需要一些帮助 请看一下这个简单的 ImageView 淡入动画 使用完整的 java 代码 使用 API 21 18 17 16 重新创建它 效果非常好 现在尝试使用 API 19 android 4 4 2 创建有趣的掩码 参

  • Highcharts 仪表使工具提示可见并居中

    当屏幕大小调整时 我无法让 Highcharts 仪表的牙尖出现并保持可见并在仪表内居中 在我的小提琴中 您可以看到工具提示出现 然后在一小段时间后消失 此外 当调整窗口大小时 它不会保留在仪表的中心 任何帮助表示赞赏 我的JSFIDDLE

  • Flutter 将文件作为流读取

    我希望用户在文本字段中输入文本 当用户单击 fab 时 文本将作为新行写入文件 附加 我希望我的应用程序读取文件的内容 并将每一行显示为列表视图中输入文本字段下方的列表图块 当用户输入新文本时 该文本应立即出现在列表视图中 我能够将文本写入

  • 使用资源适配器调用大型机的 Jboss CICS 交互

    我已经在 J boss EAP 6 2 上安装了 cicseci rar 该资源适配器是从下载的http www 01 ibm com support docview wss uid swg24008817 sthash 3k4M8smo

  • 在不知道结构的情况下以通用方式读取 xml 文件/字符串

    我想将 XML 层次结构读入内存对象树中 XML 树可以有 n 层子级 我不知道确切的数字 我的内存中对象具有要绑定到树控件的子属性和父属性 当我不知道 xml 元素标签是如何准确调用 写入时 如何以通用方式将 xml 文件 字符串读取到内

  • 谁能解释一下 MySQL 外键

    我知道它们是什么 我的问题是 如何链接它们 或者当您在不同的表中具有相同的名称时它们是否会自动链接 这是一个例子 假设我有一个 orders 表和一个 customer 表 orders 表中的每一行都有一个 customer id 编号

  • QUIC 流量生成

    我想知道这个社区中是否有人知道 找到一种模拟 QUIC 流量配置文件的方法 为了通过 WLAN WiFi 分析 模拟 youtube 我想知道是否有像 iperf 这样方便的软件包 谢谢 巴拉特 CP 目前还没有任何模拟框架可用于测试 QU

  • 如何在颤动中添加选项卡顶部和底部

    顶部选项卡仅显示主页 并且通过滚动或点击显示 3 个不同的页面 底部选项卡则显示整个应用程序 如菜单 当我编写代码时 我会得到如下图所示的视图 但我无法点击或重定向页面 导航代码我只给出了顶部或底部选项卡 而不是两个选项卡 主页 dart

  • 使用 JavaScript 进行表单验证？

    我正在尝试使用 JavaScript 进行表单验证 但是我似乎没有得到任何响应 甚至没有收到警报 即使它在那里

  • user.admin 在哪里？在 Rails-devise-pundit 入门应用程序中定义？

    I used RailsApps Rails composer创建一个 Rails devise pundit 入门应用程序 我对 Ruby on Rails 还有点陌生 对 pundit 和 Rails 4 的设计也比较陌生 我正在查看代

  • 如何在android搜索栏中添加数字刻度？

    我正在尝试使用内部具有数字比例的自定义搜索栏 但不起作用 该搜索栏必须支持所有屏幕分辨率 我怎样才能做到这样 请提出您的宝贵意见 我的custom seekbar xml

  • 如何在 Google 应用引擎数据库中过滤具有空引用的行

    我有一个 Model UnitPattern 它引用另一个 Model UnitPatternSet e g class UnitPattern db Model unit pattern set db ReferenceProperty

  • 中心操作栏标题

    如何在 Android 中将 Activity 的操作栏标题居中 我已经看到很多关于这个特定主题的问题 每个答案都回到 使用自定义视图 并拥有自己的工具栏 我找到了一种无需创建自定义视图即可工作的解决方案 在你的中有这个方法Activity

  • 在 WooCommerce 订单编辑页面中显示产品运输类别

    我正在使用一个函数 该函数允许我根据每种产品的运输类别计算购物车中的多个运费 功能没有问题 很完美 但是 当我在 woocommerce 管理区域检查请求时 我需要在提交方法中识别每个项目对应的类名称 也就是说 我需要区分每个类别的商品 因

  • 在 MS IE11 中启用全屏时无法滚动

    我有一个使用 Bootstrap3 具有固定页眉和页脚的页面 下面的内容是可滚动的 用户可以通过 F11 或按钮 使用 FullScreen API 启用全屏模式 这在 Chrome 和 FF 中工作正常 但在 IE11 中出现问题 F11

热门标签