个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
所以目前我正在做一些 iPhone 和 iPad 测试，并注意到一个与滚动相关的非常烦人的错误。所以目前我的基本页面是这样的:
<body>
<div>
Content of my website...
<button>This button uses jQuery to add a class to the fixed-form div</button>
</div>
<div class="fixed-form">
<form>
</form>
</div>
</body>
这是一个非常基本的 HTML 示例，在正文中显示了我的基本内容区域，但是我还有一个名为 fixed-form 的 div，当在内容区域中按下按钮时，它会添加一个fixed-form div 具有以下样式的类:
z-index:0;
color:#fff;
position: fixed;
height: 100% !important;
overflow-y:auto;
-webkit-overflow-scrolling: touch;
overflow-x:hidden;
top:0;
width:100%;
z-index:999 !important;
fixed-form div 然后覆盖视口(viewport)。问题是 fixed-form 后面的内容/正文仍然可以滚动，元素仍然可以点击。 z-index 肯定会阻止这种情况发生，但事实并非如此。知道为什么会这样吗？我只想完全禁用所有不是 fixed-form div 的内容，使其无法滚动和点击。
更新:到目前为止，我已尝试将 overflow:hidden 添加到内容 div 中，但这确实会停止水平滚动，但不会影响垂直滚动问题。
谢谢
最佳答案
您应该在 body 而不是 div 元素上添加 class。并在 div 处于事件状态时在 body 上添加以下 css。
body.form-active {
overflow: hidden;
height: 100%;
}
$('button').click(function() {
$('body').toggleClass('form-active');
});body.form-active {
height: 100%;
overflow: hidden;
}
.fixed-form {
background: #000;
z-index:0;
color:#fff;
position: fixed;
height: 100% !important;
overflow-y:auto;
-webkit-overflow-scrolling: touch;
overflow-x:hidden;
top:0;
width:100%;
z-index:999 !important;
display: none;
}
.form-active .fixed-form {
display: block;
}<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<body>
<div>
Content of my website... Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...Content of my website...
<button>This button uses jQuery to add a class to the body</button>
</div>
<div class="fixed-form">
Form content Goes here...
<button>This button uses jQuery to add a class to the body</button>
<form>
</form>
</div>
</body>关于jquery - 当固定位置 div 处于事件状态时禁用 iPad、iPhone 上的滚动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/37810011/
25
4
0
在gdb中获取此消息。我知道它不是错误或任何东西。我也做了分页，所以那不是问题。 有什么办法可以抑制此消息？ 最佳答案 我很好奇看到这个问题没有得到解决... 我获得了GDB manual，它说(部分
好吧，这很烦人，而且可能很简单。我想用禁用的复选框启动我的网页，并在选择列表框中的特定行后启用这些框。所以我把它放在 onload 方法中 onload = function () { for
看来我需要以某种方式在我的 php 页面上禁用 IPv6，但我不确定该怎么做。我想我必须在我的 INI 文件中的某处添加 --disable-ipv6 ……虽然这看起来不像正确的语法。 我正在尝试解决
我有这两个代码: 第一个是禁用复制粘贴的宏: Sub Desable_Copy() Dim oCtrl As Office.CommandBarControl For Each oCt
在下面的代码中，我想， 如果我选择/单击“患者类型”按钮。它们在菜单“xmenumain”“儿科心电图”项中应该被禁用(它应该列在菜单列表中，但颜色为淡灰色)。我如何实现它？ void MyMenu:
我目前在 Coordinator 布局中有一个底部导航栏，我向其添加了 HideBottomViewOnScrollBehaviour。有些屏幕需要隐藏导航栏，我可以通过从 BottomNavigat
我需要一些关于 jquery if 条件的帮助。我已经搜索和测试了几个小时，任何帮助都会很棒!我得到这个 HTML 代码: Value: No Match Test Test 2 Test 3
我正在开发 Delphi -7 中的自定义组件我有一些published特性 private { Private declarations } FFolderzip ,Fi
尝试学习菜单处理的基础知识。我的测试应用程序的菜单栏有 3 个菜单——即“TestApp”、“File”和“Help”。我发现我可以完全删除这些菜单，只需调用 say: NSMenu* rootMen
我以编程方式创建一个 NSMenuItem，但它被禁用。如果我重写 validateMenuItem: 方法并为所有项目返回 YES，则菜单项工作正常。 当我告诉菜单 autoEnableItems
我的 Web 表单中有一个 asp 按钮 (runat="server") 进入更新面板。 当我点击这个按钮时，它会执行一些操作。 Private Sub ButtonDoI
我目前正在为 video.js 构建一个插件，它可以在某些断点处将覆盖层呈现在屏幕上。但是，在不启动视频的情况下，我无法单击任何叠加层。我认为我需要禁用播放器上的点击播放功能。 我应该如何禁用/启用
设置剑道网格 selectable: "row", navigatable: true, 允许选择列标题单元格并通过键盘切换其排序状态。如何完全禁用使用键盘选择列标题单元格的功能？ 最
我不想卸载code rush。我只是想在不需要的时候有机会将其关闭。 这可能吗？ (快速版本)... 最佳答案 首先您应该打开“DevExpress”菜单。默认情况下，它在 CodeRush Xpre
设置: 我正在使用 TinyMCE 的 Angular 包装器来允许我的用户构建自己的电子邮件模板。这些电子邮件会发送给每个用户组织内的多个人员。我创建了自定义工具栏按钮来插入小文本 block [[
我希望下拉菜单在悬停时打开，前提是窗口大于 767 像素。我试图在页面加载和窗口调整大小时调用一个函数，并使用宽度大小条件。 enableHover() 函数仅适用于页面加载，不适用于窗口调整大小。
由于我遇到了一些问题，我正在 .NET Framework 4 中尝试连接池。使用 SQL Profiler，我可以看到每次从连接池中获取连接时，都会执行存储过程 sp_reset_connectio
我避免在我的 swift 代码中收到警告。然而，当谈到 Storyboard要求时，这对我来说有点困难。 所以现在我只想禁用 xcode 显示有关 Storyboard问题的警告。 我尝试了以下方法但
我不是 JavaScript 专家，我目前正在尝试为表单创建一个函数，该函数根据上一页上选择的数字重复相同的字段。 表单字段可能有 1 到 10 行，每行都有一个单选按钮选择，可启用/禁用每一行。 目
我正在尝试使用 CPU2006 运行各种基准测试，以查看各种优化在 gcc 速度方面的作用。我熟悉 -O1、-O2 和 -O3，但听说 -msse 是一个不错的优化。 -msse 到底是什么？我还看到
我是一名优秀的程序员,十分优秀！