javascript - 你如何硬件加速 iOS 上的窗口滚动?

标签 javascript ios css

我想自动平滑地滚动到页面上的某个位置。所以我写了一个离那个点越来越近的轮询器。它在台式电脑上运行良好,但只有在页面非常简单的情况下,它才能在 iOS 上运行良好。如果我有一些适度的 DOM 结构和 CSS,滚动会变得非常慢。在 iOS 上有什么硬件加速滚动的方法吗?

new PeriodicalExecuter(
    function(poller) {
        if (window.scrollY < 999) {
            window.scrollTo(0, window.scrollY + 1);
        } else {
            poller.stop();
        }
    },
    0
);

这是使用 Prototype JS . PeriodicalExecuter基本上是 window.setTimeout 的包装器.通过使用 0 超时,我请求我的代码块在 CPU 空闲时运行。

最佳答案

关于使用:

CSS 属性:-webkit-touch-callout + 溢出:自动

通过这种组合,您可以非常快速地滚动

关于javascript - 你如何硬件加速 iOS 上的窗口滚动?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14570182/

相关文章:

javascript - JavaScript/jQuery 中的长表单验证

ios - 带有网格轮廓的 AQGridView

iOS9 supportedInterfaceOrientationsForWindow 停止调用

css - Bing map 菜单错误 : Position: Absolute/Relative?

javascript - 如何使用 jQuery 按类型和父 div 选择文本区域?

类方法中的 Javascript 变量不会持久存在

javascript - 如何停止播放/暂停控制功能中的无限循环

ios - AFNetworking 3.0 状态代码

css - 如何为列表添加顶部和底部边框

javascript - JQuery/CSS 动画转换减慢页面