移动(android 和 ios)浏览器忽略隐藏在 body、html 和容器上的溢出

2024-02-09

我的网站有一些覆盖层(灯箱),我需要防止页面在它们打开时在它们下面滚动。所以我使用了一些 jQuery 来添加overflow: hidden; to body, html, #page。这在桌面浏览器上运行良好,但移动浏览器似乎不遵循规则。

我的页面结构是:

<html>
     ...
     <body>
          <div id="page">
          ...
          </div>
     </body>
</html>

我的 jQuery 只是在单击触发器时将类放在三个元素上。 jQuery 正在工作(应用样式)并且我没有收到任何错误。

是否有已知的错误和/或已知的修复?


使用大致相同的想法,但设置一个类noscroll而不是直接将样式应用于元素。

.noscroll { overflow: hidden; }

如果我没记错的话,这个功能在 iOS 7 之前一直有效。

做了一些实验,看来这确实有效。

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

移动(android 和 ios)浏览器忽略隐藏在 body、html 和容器上的溢出 的相关文章

  • 在 Objective-C 中的 Swift 类上调用 NSStringFromClass 返回模块损坏的名称

    我知道这个问题 https stackoverflow com questions 24107658 get a user readable version of the class name in swift in objc nsstri
  • Jquery 数据表列总和

    我只是参考一下这个链接 https datatables net examples advanced init footer callback html了解如何获取 jquery 数据表中的列总计 但我已经完成了一半的项目 我在html页面
  • 如何发布Android .aar源以使Android Studio自动找到它们?

    我正在将库发布到内部 Sonatype Nexus 存储库 Android Studio 有一个功能 可以自动查找通过 gradle 引用的库的正确源 我将 aar 的源代码作为单独的 jar 发布到 Nexus 但 Android Stu
  • 如何默认在 ActionOpenDocument 意图中显示“内部存储”选项

    我需要用户选择一个自定义文件类型的文件 并将其从 Windows 文件资源管理器拖到 Android 设备上 但默认情况下内部存储选项不可用 当我使用以下命令启动意图时 var libraryIntent new Intent Intent
  • jQuery:处理 getJSON() 中的错误?

    使用 jQuery 时如何处理 500 错误getJSON http api jquery com jQuery getJSON 有几个关于错误处理的问题getJSON and https stackoverflow com questio
  • 使用 CSS 使一行 div 高度相同

    我有一排必须具有相同高度的 div 但我无法提前知道该高度可能是多少 内容来自外部源 我最初尝试将 div 放置在封闭的 div 中并将它们向左浮动 然后我将它们的高度设置为 100 但这没有明显的效果 通过将封闭 div 的高度设置为固定
  • 使用输入类型 = 文件捕获照片时移动 safari 崩溃

    我正在使用输入类型文件在 iOS 中启动相机 我正在使用以下代码行
  • 可以设置标题样式吗? (并且使用CSS或js?)[重复]

    这个问题在这里已经有答案了 我想知道是否可以设计一个title a href title This is a title Hello a 样式问题有两个方面 文本格式 编码 我猜这是可能的 所以在问题中这样做 工具提示样式 你能把它弄大一点
  • ios8 键盘高度有所不同

    我使用下面的代码来获取键盘高度 该高度在带有 ios8 的 iPhone 5s 设备中与带有 ios7 的 IPhone4s 设备中有所不同 因此 当我在带有 ios8 的 iPhone5s 中点击它时 我的文本字段移动得非常高 而相同的代
  • CSS3 信封形状

    正如您可能已经猜到的 该图像是邮件信封形状的一部分 如果可能的话 我想使用 CSS3 创建该形状 我已经制作了其他部分 但这个很棘手 该形状需要两侧都有三角形切口和圆角 大概是 border radius bottom left borde
  • 我的设备突然没有显示在“Android 设备选择器”中

    我正在使用我的三星 Galaxy3 设备来测试过去两个月的应用程序 它运行良好 但从今天早上开始 当我将设备连接到系统时 它突然没有显示在 Android 设备选择器 窗口中 我检查过 USB 调试模式仅在我的设备中处于选中状态 谁能猜出问
  • 如何创建适合屏幕宽度的等宽/高框? [复制]

    这个问题在这里已经有答案了 我正在尝试建立一个网站 其中有很多宽度和高度相等的框 例如 我有一个页面 其中并排有两个相同大小的框 简单的解决方案是将宽度和高度设置为 50vw 这在出现滚动条之前效果很好 我已经用谷歌搜索了几个小时 但无法理
  • 在activity_main.xml中注释

    我是安卓新手 据我所知 XML 中的注释与 HTML 中的注释相同 使用 形式 我想在 Android 项目的 Activity main xml 配置文件中写一些注释 但它给了我错误 值得注意的是 我使用的是 Eclipse 但目前 我直
  • Android:膨胀布局时出现 StackOverFlowError 和 InvokingTargetException

    首先 对不起我的英语 我在膨胀布局时有一个问题 我有一个自定义视图 从 LinearLayout 扩展而来 称为按钮帮助 我在名为的布局上使用该视图加载活动 我的以下代码在所有设备和模拟器上都能完美运行 但具有 QVGA 屏幕 例如 Sam
  • 一次显示两条Toast消息?

    我希望在一个位置显示一条 Toast 消息 并在另一位置同时显示另一条 Toast 消息 多个 Toast 消息似乎总是按顺序排队和显示 是否可以同时显示两条消息 是否有一种解决方法至少可以提供这种外观并且不涉及扰乱活动布局 Edit 看来
  • 致命错误:在 Swift 中解包可选值时意外发现 nil

    所以我试图获取 Swift 中输入字段的文本 这就是我得到的 class ViewController UIViewController IBOutlet var passwordField UITextField IBOutlet var
  • Crashlytics 出现 Android Studio 构建错误

    我正在尝试将 CrashLytics 与 Android Studio 和 gradle 一起使用 但出现一个令人困惑的错误 java lang NoSuchMethodError 我的 build gradle 是 buildscript
  • 按日期对 RecyclerView 进行排序

    我正在尝试按日期对 RecyclerView 进行排序 但我尝试了太多的事情 我不知道现在该尝试什么 问题就出在这条线上适配器 notifyDataSetChanged 因为如果我不放 不会显示错误 但也不会更新 recyclerview
  • CSS溢出文本显示在几行中,没有断字

    我有一些长文本显示在 div 中 该 div 具有固定的宽度和高度 我希望文本显示在几行上 作为 div 高度 并且句子单词不会中断 一行中的单词前缀和下一行中的继续 此外 我想在末尾添加省略号最后一句话 CSS white space n
  • 强制 Listview 不重复使用视图(复选框)

    我做了一个定制Listview 没有覆盖getView 方法 Listview 中的每个项目都具有以下布局 联系布局 xml

随机推荐

  • 给定组合时如何计算索引(字典顺序)

    我知道有一种算法允许给定数字组合 无重复 无顺序 计算字典顺序的索引 这对于我的应用程序加快速度非常有用 例如 combination 10 5 1 1 2 3 4 5 2 1 2 3 4 6 3 1 2 3 4 7 251 5 7 8 9
  • Ember 数据模型重新加载导致 {{each}} 中的项目被删除/插入回来 - 丢失当前状态

    我怎样才能防止itemView在迭代控制器时被删除并重新渲染回原位arrangedContent 如果观察到的模型的属性没有改变值 下面是使用博客文章的简短版本App Post作为示例模型 控制器 sortProperties create
  • 使用“C”执行 API 将 sqlite3 表导出到文件中

    我在 fedora 14 中使用 sqlite3 版本 3 6 23 1 我可以使用这样的命令提示符将表导出到文件中 sqlite3 data db sqlite gt output sample txt sqlite gt select
  • 如何使 TeamCity 构建出现在 TFS 构建资源管理器中?

    我们使用 TFS 2010 进行源代码控制和项目管理 使用 TeamCity 6 0 执行构建和构建报告 测试人员的 CI 和日常部署 在 TeamCity 中设置 TFS 源标签以匹配内部版本号非常简单 但我找不到将其链接回 TFS Bu
  • 使用 osmosis 将 POSTGIS 表转换为 .OSM

    我正在使用 osmosis 0 42 和 PostGIS 2 0 1 并且我正在尝试将一些 postGIS 表导出到 OSM xml 文件 我使用 read pgsql 命令从 postgis 读取 而不是 read apidb 因为它在连
  • 自我类型和特质子类有什么区别?

    特质的自我类型A trait B trait A this B gt 说 A不能混合到一个不扩展的具体类中B 另一方面 如下 trait B trait A extends B 说 任何 具体或抽象 类混合A也会混入B 这两个说法不是说的是
  • 如何基于一个 xcode 项目构建精简版和完整版 iPhone 应用程序?

    我不想维护两套代码 我只需要限制 Lite 版本中的一些功能并在其上添加一些广告即可 怎么做 创建多个目标 您可以通过右键单击目标并选择获取信息来改变构建配置 从那里 你可以做一些事情 比如改变Info plist文件它正在查看 执行诸如将
  • 我们可以在 PWA 应用程序中使用 SQLite 数据库吗

    我正在创建渐进式网络应用程序应用程序 我想将用户信息存储在本地设备中 那么 我该如何做到这一点 如何存储用户登录信息 以便他不必一次又一次登录 浏览器没有 SQLite 您可以使用更接近的方法索引数据库 https caniuse com
  • asm编译器中的二进制表达式

    我正在尝试使用逻辑和符号 执行 if 语句 这是我想要做的 asm字节码中的 y堆栈具有值0和1 我想得到结果 在我们的例子中 逻辑与 不会出现在 if 语句中 我已经尝试过 Opcodes IFEQ 和 Opcodes IFNE 指令 但
  • Chain animator设置 android 动画

    对于android新手 我想做一些流畅的动画 我的设备上有一个包含效果的文件 每个效果都是一个动画 该文件告诉我何时播放效果以及效果持续时间 问题是我无法链接 animatorSet dynmacily AnimatorSet mainAn
  • 限制使用 git log --decorate 显示的引用

    我目前使用的主存储库有 3 个标准遥控器 本地备份 我的开发合作伙伴的工作站和托管存储库 我们有 3 或 4 个分支大部分时间都处于活动状态 其中一个是 master 我全天定期监控分支机构 使用 git log graph oneline
  • jquery 摇动效果和 margin-auto

    有一点烦恼这个 震动效果示例 http jsfiddle net PHPsycho mwVkm 1 在 Firefox 中如果我省略该行 this css margin left this position left 然后该框会向左移动而不
  • ` throw 'foo'` 、 ` throw Error('foo')` 、 `throw new Error('foo')` 之间有什么区别?

    我见过 3 种在 JavaScript 中引发错误的不同方式 throw message throw Error message throw new Error message 它们之间有什么区别 注意 我知道类似的问题 1 https s
  • 读取字节数限制

    Does fread一次可以读取的字节数有限制吗 或者我可以读取我想要添加到指针中的任何尺寸 例如 我可以使用fread读取一次50MB的文件并将其装入char指针吗 理论上 是的 它可以读取任意数量的字节 最多可达size t 这是一个u
  • 如何使用 C++ 在 OS X 中打开“打开文件”对话框?

    我正在开发一个使用 OpenGL 和 C 的应用程序 该应用程序解析文件中的一些结构化输入并以图形方式显示它 我想在应用程序加载时启动一个 打开文件 对话框 以允许用户选择他们想要显示的文件 我无法在网络上找到我需要的东西 有没有办法在 C
  • 无法在 C# 中访问 Amazon SQS 消息属性

    我有一个进程创建 SQS 消息并将它们放置在 SQS 队列中 另一个进程读取这些消息并根据消息正文的内容和属性执行某些逻辑 我可以在 SQS 队列上成功创建一条带有正文和属性的消息 但在读回消息属性时遇到问题 我确信我的消息创建过程是正确的
  • scrapy中403错误的解决方法

    我是 scrapy 的新手 我制作了 scrapy 项目来废弃数据 我正在尝试从网站上抓取数据 但收到以下错误日志 2016 08 29 14 07 57 scrapy INFO Enabled item pipelines 2016 08
  • 连接到上游时 nginx 错误:(13:权限被拒绝)

    我正在使用 ubuntu 14 04 LTS 的 google 计算引擎虚拟机上运行带有 puma capistrano 和 nginx 的 Rails 应用程序 我的 nginx 在外部 IP 上运行 当我访问它时 我在日志中收到两个 n
  • 在 Erlang 中如何将字符串转换为二进制值?

    在 Erlang 中如何转换string to a binary value String Hello should be Binary lt lt Hello gt gt 在 Erlang 中 字符串表示为整数列表 因此 您可以使用lis
  • 移动(android 和 ios)浏览器忽略隐藏在 body、html 和容器上的溢出

    我的网站有一些覆盖层 灯箱 我需要防止页面在它们打开时在它们下面滚动 所以我使用了一些 jQuery 来添加overflow hidden to body html page 这在桌面浏览器上运行良好 但移动浏览器似乎不遵循规则 我的页面结