gpt4 book ai didi

iOS 上的 JQuery Mobile 滚动不流畅

转载 作者:技术小花猫 更新时间:2023-10-29 10:32:52 27 4
gpt4 key购买 nike

我有一个用 JQuery 1.4 编写的多页面应用程序,显示在 iOS WebView 中。它使用静态标题,内容有 20 个左右的带有嵌入图像和文本的 div。我没有使用 PhoneGap。

在 Safari 的 WebView 中,我可以垂直滚动浏览内容,但我无法获得与 iOS 应用程序相同的平滑度(即滚动会持续一段时间手指出现后 =“平滑”滚动)。当我的手指离开屏幕时,滚动就停止了。

在 JQuery Mobile 中平滑滚动内容时,是否存在我不知道的设置或问题?

最佳答案

我认为这与您不再滚动 <body> 这一事实有关元素,而是一个 JQuery Mobile 页面 <div> .如果你制作 <div>无需 JQuery Mobile 即可滚动,您应该能够复制这种断断续续的体验。

您要查找的实际上称为动量滚动,有时也称为惯性滚动

据推测,您应该能够添加 css 属性 -webkit-overflow-scrolling: touch;到你想添加动量滚动的 div,它应该可以工作,但我无法让它在页面上工作 <div> .我确实尝试将它添加到正文中并且我能够获得正确的滚动,但是我的固定标题在我滚动时开始跳来跳去。

如果您没有固定的 header ,请随时试一试。

body {
-webkit-overflow-scrolling: touch;
}

关于iOS 上的 JQuery Mobile 滚动不流畅,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/21198459/

27 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com