问题标签 [iscroll4]

我正在尝试使 iscroll 与 jquery mobile 一起工作数周。

我已经根据 iscroll 的 check-dom-changes 示例制作了一个快速示例（如果您知道其他方式，我也会采用它：）

这是我制作的页面代码：

第 1 页：http: //jsbin.com/ixomob/edit

然后是测试页面： http ://teraonline.be/street/iscrolltest/index.html

正如您在单击 page2 链接时所看到的那样， page2 出现但 iscroll 不再起作用（您看到本机向右滚动），也许它们是刷新 page2 dom 的另一种方式，但我没有找到了方法，因为我是 javascript 的新手（我已经阅读了 iscroll4 页面上的另一个示例，但也许我没有正确使用它们）。

我使用最新版本的iscroll 和jqm。

你们是我最后的希望，伙计们！

我已经设置了 2 个小提琴。一个工作完美。它应该计算出屏幕上可见的中间值。

第一个小提琴在滚动上表现得非常出色。

第二个包含一个触摸框架，它在滚动时不起作用，但在滚动后按下测试按钮时起作用。这适用于 Google Chrome 和 Safari，但可以在 Firefox 上尝试。您会看到它不会生成正确的值并停留在底部。

• 工作示例 :: http://jsfiddle.net/H3rHL/
• 功能失调 :: http://jsfiddle.net/U4qyp/75/

任何想法如何解决这一问题。

奇妙

问题简述

我有一段工作二维滚动代码。这样滚动工作正常。可以在任何方向上滚动（不像仅限于水平或仅在 ti,e 处垂直）但有两个问题 -

• 向上和向左滚动超出可见区域，不会反弹回可滚动区域。
• 滚动到右侧和底部会反弹回来。

问题演示 - http://jsfiddle.net/sandeepan_nits/pAhjU/6/
注意 -仅在 webkit 浏览器中测试（Google chrome 和 Safari）。

我正在寻找的解决方案

• 要么，指出我的代码有什么问题。
• 或者使用相同版本的 iscroll 共享任何正确实现的双向滚动（水平+垂直）的工作演示，以便我可以遵循相同的操作。我正在使用 - 版本 3.7.1，更可取，或者使用 iscroll 版本 4，也很好。
• 或者任何指针，当然，将不胜感激。

问题描述

请在此处检查工作代码 - http://jsfiddle.net/sandeepan_nits/pAhjU/6/

笔记 -

• 仅在 webkit 浏览器中测试（Google chrome 和 Safari）。
• 我故意将所有内容都放在了 jsfiddle 的 HTML 部分中，因为如果我完全分开，滚动不起作用，而且我不确定它到底在哪里停止工作。谢谢，如果你能指出。

代码

这是 HTML -

注意 -我知道那里有无效的 html -<div id=scroller1>在里面<b></b>，我不知道为什么如果我删除<b></b>标签，水平滚动不再起作用 -检查这里。

这是js -

我猜原因是可滚动的 div 默认呈现在可滚动区域的右下角。但我不确定配置这些东西的正确方法 - 如何设置在可缩放区域内呈现可滚动 div 的位置。到目前为止，我没有找到任何两种滚动方式的工作演示 - 水平 + 垂直滚动。

我查看了iscroll 的文档和许多工作演示，但没有找到任何可以双向滚动的演示 - 水平和垂直。我检查了http://cubiq.org/iscroll中“语法”部分下的“接受的选项是：”部分，但这些参数似乎都不是我正在寻找的。

其他事情

• 另外，还有一件事，当我检查给定的滚动演示时，我无法在 chrome 浏览器中查看 dom 元素覆盖的区域。通过查看该区域，我的意思是将鼠标移到 dom 检查器面板上，在浏览器视图中突出显示 dom。什么时候不出现？我在http://jsfiddle.net/sandeepan_nits/pAhjU/12/中检查了经过验证的 HTML 。

• 有人请创建一个标签iscroll，iscroll3以便我可以重新标记我的问题。

更新
我只想进行正常的二维滚动，滚动区域正确地位于可见屏幕内，并且应该在屏幕外反弹。现在，在屏幕外向上和向左滚动时没有反弹（在我的 jsfiddle 中）。反弹发生在滚动到右侧和底部时。我只想将滚动区域很好地放置在屏幕内。我猜反弹会自动得到修复。

我试图让 iscroll 使用光滑的网格，以便网格 div 可以在 iPhone / iPad 上滚动。我尝试在 div 元素上添加滚动，即： myScroll = new iScroll('myGrid'); 那是行不通的。

根据示例， iscroll 期望 div 类似于：

有什么想法吗？

谢谢。

我正在建立一个移动网站。我需要将标题定位：固定（但不支持移动）所以我使用 iScroll4 因为它似乎是我正在寻找的。出于某种原因，我无法弄清楚如何实现它。

这是我的 HTML：

这是我的CSS：

这是我的Javascript：

如果您有任何想法，他们将不胜感激。

我正在使用 iScroll，它运行良好。当涉及到输入和选择等表单元素时，它可以工作，尽管当一个人点击这些元素时，iphone 键盘会出现并且元素必须被聚焦，这是有道理的。但这也会将文档滚动器移动到顶部，隐藏我不想要的标题。

你能帮我写一个函数，它会感知是否有元素聚焦，然后阻止默认它，但滚动到 iScroll 而不是 window.iScroll。

那有意义吗？

在 iScroll4 容器中使用多个 jQuery 按钮和复选框时，某些控件会变慢：用户的视觉反馈迟到并且过渡不流畅。

我认为这主要是 iPad 性能问题，因为在浏览器中一切运行正常。

也许有一种方法可以提高 iPad(1) 的性能？有没有人解决这个问题的方法或解决方法？

您可以在这里轻松地在第一页上看到问题：http: //m.vancouverislandlife.com/

（然而，这并不紧急，因为 iPhone 和 iPod Touch 的目标受众不会受到影响，因为它们的屏幕空间太小了。）

好吧，新问题。为了解决 iScroll 问题，我刚刚创建了一个自定义脚本。但是，它在实际设备上无法正常工作。在桌面浏览器上，它工作得很好。在移动设备上，它偶尔会跳回顶部并且无法识别某些触摸。这可能是因为我取消了默认事件的方式，不得不求助于一些技巧。我怎样才能解决这个问题？（是的 - +500 赏金的简单问题。不错，对吧？）

这是脚本，网站位于通常的位置：

我希望 iScroll 在页面加载时滚动到某个位置，我将此代码放在页脚的最底部。

但是我在 Chrome 中遇到了这个错误

未捕获的类型错误：无法调用未定义的方法“scrollTo”

当我执行

单独在命令行上它工作正常，文档滚动到正确的位置。

myScroll 是在 iScroll 实例化时设置的，这段代码在 header 中

我正在使用标准 HTML/CSS/JS 开发 iPad Web 应用程序。最终它将被包裹在 Phonegap 中，但目前它将在网络上运行。

该应用程序通过 iFrame 嵌入从 Scribd（转换后的 PDF）提供 HTML5 内容。由于 iPad 的不同方向，以及内容的可读性，iFrame 的内容必须比嵌入的 iFrame 大。

我遇到的问题是，Apple 在他们无限的“智慧”中已经取消了在 iOS 4.3+ 中滚动 iFrame 的能力（都使用 1 和 2 手指滚动）。

我已经实现了 iScroll 4来解决这个问题，但是它似乎只有在用户触摸 iFrame 外部时才有效，即使整个 iFrame 在滚动 div 内也是如此。

有没有人找到解决方法/解决方案？我可以以某种方式禁用 iFrame 滚动并完全控制 iScroll 吗？

任何帮助将不胜感激，这几天一直在破解......