window.ScrollTo不适用于Android中的Worklight

时间:2014-07-30 19:41:40

标签: android angularjs ibm-mobilefirst scrollto

我正在使用worklight和angular开发应用程序。 我需要打开一个特定的模态屏幕和背景屏幕,滚动给定元素(按id)。使用window.scrollTo命令在模拟器工作灯中完美运行,但在Android操作系统上安装应用程序时无效。 有关其他方式执行此操作的建议吗?

1 个答案:

答案 0 :(得分:0)

我解释了为什么不能使用window.scrollTo,并使用iScroll提供替代方案以及以下问题中的示例:$.mobile.silentScroll does not work in worklight app

这里再次对这个问题进行了轻微编辑:


window.scrollTo只允许在当前视口中滚动(您当前在屏幕上看到的内容)。

相反,我建议使用iScroll的各种API方法:scrollToScrollToElementSnap等。

我在Android中对以下内容进行了测试,但它确实有用 您当然需要根据您的应用进行调整......

常见\ JS \ main.js:

var myScroll;

function wlCommonInit(){
    myScroll = new IScroll('#wrapper');
}

常见\ index.html的:

<body style="display: none;">
        <div id="wrapper">
            <div data-role="page" id="page">
                <div data-role="content" id="content" style="padding: 15px">                
                    <div id="firstDiv">
                        <input type="button" value="scroll to the other div" onclick="myScroll.scrollToElement('#secondDiv', '1s');"/>
                    </div>
                    <br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
                    <div id="secondDiv">
                        hello
                    </div>
                </div>
            </div>
        </div>
        ...
        ...
</body>