个人中心
文章发布
退出
作者热门文章
- android - 多次调用 OnPrimaryClipChangedListener
- android - 无法更新 RecyclerView 中的 TextView 字段
- android.database.CursorIndexOutOfBoundsException : Index 0 requested, 光标大小为 0
- android - 使用 AppCompat 时，我们是否需要明确指定其 UI 组件(Spinner、EditText)颜色
25
4
我遇到一个问题，我无法让 safari 移动浏览器在 iframe 上滚动 VS 扩展文档以显示完整内容。
对于上下文，我有一个这样概述的文档 —
当我尝试在设置为 overflow-x: scroll 和 '-webkit-overflow-scrolling: touch;` 的 nav.html 上水平滚动时。在 iPad 2 上的 iOS 7 中测试时，这些都不起作用。我也尝试在 iOS 模拟器中进行测试，但仍然没有成功。
我在此处的产品页面上遇到问题 — http://idex-hs.viser.biz.dev.thevfiles.com/product-kiosk/v2-kiosk/index.html .
上面的链接是一个包含主网站主体的 iFrame。在主网站中，我们有一个包含 2 个 iFrame 容器的 index.html 页面。 1 个用于产品 (iframe[name='viewer'])，另一个用于导航 (iframe[name='nav'])。我有 overflow: auto 设置为查看器 iframe，它似乎正在处理 overflow-y 内容。对于导航，内容会超出设置宽度的容器并溢出整个文档，而不仅仅是导航 iFrame 中 div.nav 上的导航。
这是我的 index.html 标记，带有两个 iframe(product/[product_number].html 和 nav.html)—
<body class="cat">
<div class="back-nav-cat"></div>
<!-- Navigation Links -->
<div class="cat-navigation back" onclick="location.href='../index.html';">BACK</div>
<!-- Viewer -->
<iframe src="products/P-715.html" frameborder="0" name="viewer" width="2560" height="1195" scrolling="no"></iframe>
<!-- Nav -->
<iframe src="nav.html" frameborder="0" name="nav" width="2560" height="245" scrolling="yes" style="position: absolute;"></iframe>
</body>
如果有人知道 1) 导致此问题的原因，以及 2) 什么是经过验证的解决此问题的方法，我将不胜感激。
仅供引用:该域是我们机构的测试域，但请谨慎对待(有人告诉我它看起来像病毒......不是我们的意图)。
提前致谢。
编辑:
感谢Ryan Wheale ，我需要做的就是将 nav iFrame 的宽度设置为 width: 100%。我还将 iFrame 包装在一个包含 overflow-x: scroll; 和 -webkit-overflow-scrolling: touch; 的包装 div 中。
最佳答案
overflow对帧没有影响。将框架宽度设置为始终适合屏幕的值(例如 100%)。然后，一旦框架内的内容开始占用超过其可用宽度或高度，滚动将自动触发(假设您在 iframe 上设置了 scrolling="yes" 属性。
对于 iOS，您还需要一个带有一些特殊 CSS 的包装 DIV:
.iframe-wrapper {
-webkit-overflow-scrolling: touch;
overflow-x: scroll;
}
<div class="iframe-wrapper">
<iframe scrolling="yes" width="100%" height="200px"></iframe>
</div>
我仍然认为，框架的这种特殊用例在 10 多年前就已经过时且过时了，不应再使用了。你可以相信我的话。像下面这样简单的东西应该可以工作。假设您正在使用 jQuery 并且您的 html 页面是静态的，您将需要创建一个 DIV 来代替您的每个 iframe - 为每个 DIV 提供一个 ID 而不是名称:
$('#main').load('products/P-715.html');
$('#nav').load('nav.html');
关于javascript - 修复 iOS/iPad 2 中的溢出内容滚动，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/26983125/
25
4
0
我妻子有一台 iPad，我想知道我是否可以用它来开发 iPad 应用程序？我假设答案是否定的。 最佳答案 Apple 的开发指南禁止商店中的此类应用程序，因此不幸的是，您不能使用 iPad 来制作 i
我开发了一个 iPad 应用程序，并为应用程序商店制作了分发配置文件，我需要在 30 台 iPad 上安装我开发的应用程序以进行一次事件，但我无法安装。我收到错误消息:(应用程序“xxxx”未安装在
我正在佛罗里达州开发一款 iPad/iPhone 应用程序，希望纽约的同事能帮我测试一下。纽约的测试人员没有 iMac，因为他们不在该地点进行任何开发。我只是想让他们验证他们所在位置的操作。有什么方法
我可以检测用户(音乐家)手指施加的力或压力吗？ 最佳答案 还没有。 有一个技术演示展示了如何做到这一点。见 http://tenonedesign.com/blog/pressure-sensitiv
浏览器分辨率是多少？我已经在谷歌上搜索了一段时间，但不知何故我找不到它! 最佳答案 960x768 或 704x1024 关于ipad - iPad 的屏幕尺寸减去浏览器中的地址栏是多少？，我们在St
我的应用只能在横向使用，并且只能在横向启动。因此，iPad为横向时，左上角为（0,0），因此一切正常。 但是，当我拿起“ touchesBegan” ...时，它无法正常工作。只有当我像正确的三分之二
我在 ionic 中创建输入，它只接受数字。这适用于除 safari 和 ipad 之外的所有浏览器和设备。我不希望用户输入数字以外的任何内容。我尝试对输入事件进行正则表达式验证，但这并不能阻止用户输
是否可以在 iPad 中显示仅包含 0-9 数字的键盘？，我不希望键盘显示任何其他内容。我知道有这个 键盘类型:数字键盘 我们可以在 .xib 文件中，但它显示所有其他额外的字符，包括数字。我想使用这
我正在做一个SproutCore项目。我试图按原样在IPAD上获取该站点，但是CSS背景图像，onClick和重定向在IPAD上不起作用。 让我知道对此的任何解决方案。 最佳答案 在iPad上进行开发
我已经设置了MFMailComposeViewController，它在iPhone上正常工作，但是在iPad上崩溃了，并说: *** Terminating app due to uncaught
iPad:遍历UITableView中的每个单元格吗？ 最佳答案 for (int section = 0; section < [tableView numberOfSections]; secti
我在这里寻找两个数字:纵向高度和横向高度。不要以厘米或英寸为单位回答，而以像素为单位。 最佳答案 纵向高度为 264，横向高度为 352。 我知道这是一个迟到的答案，但我自己也遇到了这个问题。 关于i
在我的应用程序中，我想播放Youtube URL(ipad)。我正在使用下面的代码。它只是向我显示一个白色屏幕 YouTube网址是:http://www.youtube.com/watch？v =
据我所知，iPad 使用 iPhone 操作系统，但屏幕分辨率与 iPhone 和 iPod touch 不同。许多网站可能必须更改其用户代理检测以适应 iPad。 那么，任何有权访问 iPad 或
我想预加载多个音频文件。为此，我尝试在JavaScript中创建多个Audio元素。 function loadAudio(){ audio1 = new Audio(); audio
我想使用适用于在所有最新 iPad 上查看的网页的字体。我找到了给定版本的 IOS 附带的字体列表。但这不是我想要的。我更喜欢给定 iPad 实际附带的字体列表，而不是 IOS 版本。如何解决这个问题
是否有可能拥有一个不在应用商店上架的 iPad 单独应用。该应用程序将在某些选定的成员中使用。因此它不需要进入应用商店，因为它不是供公众使用的。 最佳答案 那么有一些众所周知的可能性: Ad Hoc
子像素字体渲染如 ClearType显着提高字体显示分辨率并提高屏幕可读性。我如何对字体的子像素渲染进行编程(一般而言)，以及如何在 iPad 上实现这一点(iOS 设备上的 C、C++ 或 Obje
我正在为 9.7 英寸 iPad 设计一个应用程序。我想知道是否有人对为更大的 iPad 设计的应用程序在 iPad mini 上的外观有任何经验？它会自动缩小，以某种方式在较小的屏幕上完美使用吗？还
我正在使用所有 UIKit，并且出于原型(prototype)设计的目的，我刚刚将所有逻辑插入了主 viewController。我在 viewDidLoad 中创建了一些 UIView，隐藏了一些，
我是一名优秀的程序员,十分优秀！