iScroll 和黑莓触控板问题答案

【问题标题】：iScroll and Blackberry trackpad ProblemsiScroll 和黑莓触控板问题
【发布时间】：2012-12-07 03:11:41
【问题描述】：

我在尝试使 iScroll 工作时遇到问题。

目前我正在开发这个使用 Webworks、HTML5、jQuery、JavaScript、CSS 开发的应用程序，该应用程序将满足在 OS 6 和 7 上运行的触摸屏和非触摸屏设备的需求。

我们团队正在开发的应用程序还需要检索和显示大量数据，因此会有大量滚动（水平和垂直）。那是我们开始敲打头并拔出头发的时候。在 OS 6 和 7 上，即使您将 div 设置为 overflow: auto 滚动条也不会出现，如果用户尝试使用触控板/轨迹球滚动，滚动不会超出滚动 div 的高度或宽度。

然后我们发现了 iScroll。这很好，但另一个问题是，我们的应用程序的工作方式是这样的：

我们有一个 index.html

<body id="mainBody" onLoad="mainMenu()"></body>

它将加载 mainMenu() ，其中包含布局和导航到应用程序的其他功能，例如，功能一（功能一页（）），功能二（功能二页（））。 iScroll 在以下位置初始化：

<body id="mainBody" onLoad="mainMenu()">
<script type="text/javascript">
var myScroll;
function scroll() {
myScroll = new iScroll('wrapper',);

}
document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);
window.addEventListener('load', scroll, false);

</script>

问题 1 - 第二个 iScroll 未初始化
iScroll 将在 mainMenu() 中很好地显示，但 iScroll 不会显示在从 mainMenu() 调用的其他函数中。例如在 mainMenu() 中有一个指向函数 displayUser() 的链接，我点击链接 iScroll 不会在那里显示。这个问题有什么解决办法吗？

问题 2 - 黑莓触控板
还有一个问题，如果页面显示超过 5 行记录，即使 x-blackberry-focusable="true"，触控板焦点导航也不起作用，并且有 onmouseover 和 onmouse 事件来处理焦点事件。 config.xml中也已经设置好了。

有人遇到过这些问题吗？任何帮助将不胜感激。

【问题讨论】：

标签： javascript jquery html blackberry-webworks iscroll

【解决方案1】：

尝试使用基于焦点的导航， 1-添加 <widget> <rim:navigation mode="focus"/> <feature id="blackberry.ui.dialog"/> </widget 在您的 Config.xml 文件中，

2- 在您需要的所有表单元素中添加x-blackberry-focusable="true"

了解基于焦点的导航会很有帮助，还有许多其他未来可用于改进结果。如果您遇到任何解决方案，请在此处分享。

问候

【讨论】：