使用dojo mobile在多个设备中无法使用水平滚动

时间:2014-07-16 11:40:01

标签: javascript mobile dojo scrollable

我正在使用Dojo Mobile 1.8开发一个应用程序,由于某些未知原因,水平滚动不能在多个设备上运行。在诺基亚Lumia 620上,滚动条完全不起作用。在两个Nexus 5(4.4.2)设备上,滚动工作非常糟糕,移动1-2毫米,无论您滚动多长或多远。如果工作正常,请在Nexus 5(L)上滚动。在桌面上的Chrome模拟器上,滚动工作正常,但有时按钮不可点击,但我想这是因为模拟器无法正确发送点击/触摸事件。

我已经提到了官方文档,但没有发现为什么滚动不起作用。在某些论坛中,我发现touch-action:none导致了问题,但事实并非如此,因为touch-action只有inheritinitial选项。

这是在某些设备上无效的代码:

<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>

0 个答案:

没有答案