Question

我正在使用IBM的worklight框架开发一个应用程序，我在其中使用jquery移动库来编写代码。

不幸的是，当我使用$.mobile.silentScroll滚动时，它没有任何效果，它不起作用。

有没有人遇到过这个问题？在其他工作中，如何在工作灯中滚动页面？

Answer 1

我认为你不能用jQuery Mobile的silentScroll做到这一点，因为它基本上使用了window.scrollTo，这只允许在当前视口中滚动（你当前在屏幕上看到的内容）。 / p>

相反，我建议使用iScroll的各种API方法：scrollTo，ScrollToElement或Snap等。

我在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', '0s');"/>
                    </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>

0s表示没有滚动效果;它基本上会“跳”到所需的位置。

$ .mobile.silentScroll在worklight应用程序中不起作用

1 个答案: