Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/453.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何在iOS上硬件加速窗口滚动?_Javascript_Ios_Css - Fatal编程技术网

Javascript 如何在iOS上硬件加速窗口滚动?

Javascript 如何在iOS上硬件加速窗口滚动?,javascript,ios,css,Javascript,Ios,Css,我想自动平滑地滚动到页面上的某个位置。所以我写了一个民意测验,离那个点越来越近了。它在台式计算机上运行良好,但只有当页面非常简单时,它才能在iOS上运行良好。如果我有一些适度的DOM结构和CSS,滚动会变得非常慢。在iOS上有没有硬件加速滚动的方法 new PeriodicalExecuter( function(poller) { if (window.scrollY < 999) { window.scrollTo(0, window.s

我想自动平滑地滚动到页面上的某个位置。所以我写了一个民意测验,离那个点越来越近了。它在台式计算机上运行良好,但只有当页面非常简单时,它才能在iOS上运行良好。如果我有一些适度的DOM结构和CSS,滚动会变得非常慢。在iOS上有没有硬件加速滚动的方法

new PeriodicalExecuter(
    function(poller) {
        if (window.scrollY < 999) {
            window.scrollTo(0, window.scrollY + 1);
        } else {
            poller.stop();
        }
    },
    0
);
新周期计数器(
功能(轮询器){
如果(window.scrollY<999){
window.scrollTo(0,window.scrollY+1);
}否则{
poller.stop();
}
},
0
);
这是在使用。基本上是一个包装。通过使用0超时,我请求在CPU空闲时运行我的代码块。

使用:

CSS属性:-webkit触摸标注 + 溢出:自动

使用此组合,您可以快速滚动

使用以下选项如何:

CSS属性:-webkit触摸标注 + 溢出:自动


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

我相信
-webkit overflow滚动:触摸在body元素上运行。

我相信
-webkit溢出滚动:触摸在主体元素上显示。

您能详细介绍一下吗?从我的阅读资料
-webkit touch callout
是当您触摸并按住触摸目标时,禁用iOS中显示的默认调用。这与滚动有什么关系?对不起,你是对的,我正在检查我的代码…你应该试试这个(请让我知道这是否适合你):溢出:自动;-webkit溢出滚动:触摸;我应该把
-webkit溢出滚动:触摸?正在滚动Javascript
窗口
<代码>窗口
不是CSS可以针对的标记。我需要更多的信息。你能告诉我Html结构和你想要滚动的元素吗?你能更详细地说吗?从我的阅读资料
-webkit touch callout
是当您触摸并按住触摸目标时,禁用iOS中显示的默认调用。这与滚动有什么关系?对不起,你是对的,我正在检查我的代码…你应该试试这个(请让我知道这是否适合你):溢出:自动;-webkit溢出滚动:触摸;我应该把
-webkit溢出滚动:触摸?正在滚动Javascript
窗口
<代码>窗口
不是CSS可以针对的标记。我需要更多的信息。你能告诉我Html结构和你想要滚动的元素吗?