问题标签 [iscroll]

我mediaelement.js用来在 div 中显示视频Iscroll.js，它可以在 ipad 上完美运行，但在 iphone 上我无法滚动触摸视频的页面。

ipad 和 iphone 的行为有什么区别mediaelement.js？

你可以在这里看到这个项目（点击左下角的“视频”按钮） http://www.360images.fr/step/mobile.html

谢谢！

这是演示（仅适用于 webkit 浏览器）演示 我有一个外部 div，所有四个边缘都有圆角。我里面有一个 ul 列表。该列表使用 iscroll 滚动。问题是没有边界半径的列表的 li 项目正在影响外部 div，圆角。请看演示。看底部，不会有圆角。一旦你向下滚动，顶部就不会有圆角。

我正在尝试将jQuery Mobile与iScroll 4集成。我知道已经有一个项目可以做到这一点，但是，由于输入元素的错误（打字时页面像疯了一样跳跃） ，我正在避免它。

我当前的实现如下所示：

http://jsfiddle.net/AqHsW/ -（JSFiddle 示例） [替代镜像]

正如您可能注意到的那样，这完美无缺，除了一个主要问题： 无法向下滚动。这个问题似乎是跨操作系统/浏览器。

但是，如果我重写该onBeforeScrollStart方法：

它工作得更好一些。现在可以滚动，但行为会出现故障（以及响应缓慢），允许用户滚动他想要的高度等等。

（但是，这样做似乎只会改变 iOS 上的内容）

我现在正在寻找这个问题的解决方案，它最好支持 iOS 5 和 6，以及<input>元素的使用。考虑到 iScroll 和 jQuery Mobile 是当今的两个主要框架，这应该是一个很常见的问题。

我想要一个可滚动的容器，它使用 iScroll4 托管一个可滚动的列表。我让一切都靠自己运行：

http://jsfiddle.net/BH2F3/

（预览版无法使用，请下载本地试用）

现在的问题是：

当我在列表上执行滚动操作时，外部容器也会滚动。如何保护外部容器不滚动并仅将滚动操作应用于嵌套列表？我已经尝试“捕捉”到列表但没有成功。我必须绑定到“onBeforeScrollStart”吗？

官方实现是 : onBeforeScrollStart: function (e) { e.preventDefault(); }，所以我希望外部容器不会滚动。

我成功实现了 iScroll。但问题是即使没有内容，屏幕也会滚动。
有什么建议可以解决这个问题吗？
我正在尝试这样做：

但问题是每次高度都达到 426 像素。有没有办法获得内容的真实高度？

我正在尝试创建一个像 Facebook 应用程序一样的幻灯片菜单，我可以让显示/隐藏菜单正常工作，但是，我被菜单本身的触摸滚动功能卡住了。

在我尝试过的3个解决方案中，它们都有问题，这些问题可以总结如下：

CSS 触摸滚动 jsFiddle 上
的旧 iOS 不支持单指滚动 CSS触摸

iScroll 插件解决方案
菜单滚动正常，但它会阻止页面上的其他任何内容滚动。
jsFiddle 上的 iScroll |

Touch Scroll插件解决方案
当我触摸滚动菜单时，它会直接从屏幕顶部
滚动到jsFiddle上的Touch Scroll |

我已经在以下移动浏览器中测试了这 3 种解决方案中的每一种。

安卓 4.0.4

• 安卓默认
• 歌剧移动
• 火狐
• 铬合金

iOS 4.2.1

• 苹果浏览器

任何人都知道如何让这两个插件玩得很好？

以下 3 个版本的代码

CSS 版本

我在这里得到的几乎和这个例子一样：iScroll教程

我想要的是在滚动结束时执行 Ajax 请求，例如 Facebook 所做的。我可以用这个 iscroll 框架做到这一点吗？

如果我能做到这一点。如何？:)

我无法使用 jquery mobile 检测页面是否滚动。Scrolltop在任何情况下总是返回 0。

我在#scroller里面有一个菜单#wrapper，它应该能够#scroller使用 jquery+css 滚动/移动 divtransform:translate和css transition.

安装iscroll4插件后，当我点击它时，它会跳过我的过渡动画，并跳转到该位置。如果我将菜单放在 之外，我可以再次使用我的 css 过渡#wrapper滚动。#scroller

CSS Transition是滚动页面最流畅的方式。因此我不想使用scrolltoiscroll中的javascript函数，而是在我自己的脚本中触发css转换功能。

另外我认为页面的滚动不如浏览器的默认滚动流畅。如何让iscroll滚动更流畅？

我在 phonegap 应用程序中使用 iScroll.js。当我在文本区域中输入消息时，webkit 中的文本不会自动滚动到底部。当我禁用-webkit-transform滚动 div 时，自动滚动工作。

我尝试设置-webkit-transform: none !important文本区域，但没有给出任何结果。

有人有什么想法吗？