Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/378.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/39.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 CSS-水平滚动上的粘滞div?_Javascript_Css_Angular Material - Fatal编程技术网

Javascript CSS-水平滚动上的粘滞div?

Javascript CSS-水平滚动上的粘滞div?,javascript,css,angular-material,Javascript,Css,Angular Material,我有一个div,其中包含如下表单: 下面的结果表很宽,因此需要水平滚动 如何使表单div保持粘性,以便在水平旋转时 在结果上,表单保持在顶部 仅在垂直滚动上找到带有位置:sticky的文档,但没有关于水平滚动的内容。欢迎提供任何建议。尝试使用类名wrapper或您想要的任何名称在div中包装表,并添加以下样式: .wrapper { width: 100vw; overflow-x: scroll; } 请仅为表格提供添加滚动条!用div包装您的表,并添加属性,width:96%,

我有一个div,其中包含如下表单:

下面的结果表很宽,因此需要水平滚动

如何使表单div保持粘性,以便在水平旋转时 在结果上,表单保持在顶部


仅在垂直滚动上找到带有
位置:sticky
的文档,但没有关于水平滚动的内容。欢迎提供任何建议。

尝试使用类名wrapper或您想要的任何名称在div中包装表,并添加以下样式:

.wrapper { 
  width: 100vw;
  overflow-x: scroll;
}

请仅为表格提供添加滚动条!用div包装您的表,并添加属性,
width:96%
,还为包装的div添加
overflow:auto