Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/82.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

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.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
Html 移动视图中的css滚动捕捉跳过元素_Html_Css - Fatal编程技术网

Html 移动视图中的css滚动捕捉跳过元素

Html 移动视图中的css滚动捕捉跳过元素,html,css,Html,Css,我正在制作一个网站,想使用滚动快照类型。问题是它总是跳过移动视图上的一个元素。这种情况只有在Chrome中才会发生,在Firefox中效果很好。你知道如何在Chrome上工作吗 正文{ 保证金:0; } .集装箱{ 最大高度:100vh; 溢出:滚动; 滚动捕捉类型:y必填; } .项目{ 高度:100vh; 边框底部:5px纯白; 滚动捕捉对齐:居中; 背景色:黑色; 颜色:白色; 显示器:flex; 对齐项目:居中; 证明内容:中心; 滚动捕捉停止:始终; } A. B C D 对我来说

我正在制作一个网站,想使用滚动快照类型。问题是它总是跳过移动视图上的一个元素。这种情况只有在Chrome中才会发生,在Firefox中效果很好。你知道如何在Chrome上工作吗

正文{
保证金:0;
}
.集装箱{
最大高度:100vh;
溢出:滚动;
滚动捕捉类型:y必填;
}
.项目{
高度:100vh;
边框底部:5px纯白;
滚动捕捉对齐:居中;
背景色:黑色;
颜色:白色;
显示器:flex;
对齐项目:居中;
证明内容:中心;
滚动捕捉停止:始终;
}

A.
B
C
D

对我来说很好。Android上的Chrome 89.0.4389.105能否更具体地说明“移动视图”的含义?我和上面的用户在Android上运行的是同一版本的Chrome,滚动快照根本不起作用。不幸的是,自从Chrome发布以来,Scroll snap在Chrome上被破坏得很严重。在桌面版本中有一个bug,它会导致滚动滚轮的过度滚动,我已经注意到了。但是,它不会影响此代码段,因为您使用的是有效的容器来保存滚动条。