我正在使用Dojo Mobile 1.8开发一个应用程序,由于某些未知原因,水平滚动不能在多个设备上运行。在诺基亚Lumia 620上,滚动条完全不起作用。在两个Nexus 5(4.4.2)设备上,滚动工作非常糟糕,移动1-2毫米,无论您滚动多长或多远。如果工作正常,请在Nexus 5(L)上滚动。在桌面上的Chrome模拟器上,滚动工作正常,但有时按钮不可点击,但我想这是因为模拟器无法正确发送点击/触摸事件。
我已经提到了官方文档,但没有发现为什么滚动不起作用。在某些论坛中,我发现touch-action:none
导致了问题,但事实并非如此,因为touch-action
只有inherit
和initial
选项。
这是在某些设备上无效的代码:
<div style="height: 50px; position: fixed; bottom: 50px; width: 1000%; z-index: 2;">
<ul id="toolbar" data-dojo-type="dojox/mobile/ScrollablePane"
data-dojo-props="scrollDir:'h', height:'50px'"
style="position: fixed; bottom: 50px; width: 100%; z-index: 2;">
<table>
<tr>
<td>
<button data-dojo-type="dojox/mobile/Button"
id="toolbar-my-location">My Location</button>
</td>
...
<td>
<button data-dojo-type="dojox/mobile/Button"
id="toolbar-full-map">Full Map</button>
</td>
</tr>
</table>
</ul>
</div>