Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/37.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
Css 如何使一列只在水平卷轴上固定位置?_Css_Bootstrap 4 - Fatal编程技术网

Css 如何使一列只在水平卷轴上固定位置?

Css 如何使一列只在水平卷轴上固定位置?,css,bootstrap-4,Css,Bootstrap 4,我有一个横贯水平和垂直的内联表单。在这张表格里,我有一张 最后一列是一个添加按钮,我希望它有一个固定的位置,但只有当我水平滚动表单时,而不是垂直滚动表单时 你好,世界! .btn控制{ 位置:固定; 右:0; } 内联表单 名字 姓 性别 年龄 电话号码 + 名字 姓 性别 年龄 电话号码 + 名字 姓 性别 年龄 电话号码 + 应该可以 .btn-control { position: sticky; right: 0; } 如果它起作用,您可以更改右侧位置您需要JS/jQ

我有一个横贯水平和垂直的内联表单。在这张表格里,我有一张 最后一列是一个添加按钮,我希望它有一个固定的位置,但只有当我水平滚动表单时,而不是垂直滚动表单时


你好,世界!
.btn控制{
位置:固定;
右:0;
}
内联表单
名字
姓
性别
年龄
电话号码

+ 名字 姓 性别 年龄 电话号码

+ 名字 姓 性别 年龄 电话号码

+
应该可以

.btn-control {
  position: sticky;
  right: 0;
}

如果它起作用,您可以更改
右侧
位置

您需要JS/jQuery来识别水平滚动,当它在该事件期间离开视口时,您需要在按钮上切换sticky类。太好了,我将对此进行测试,谢谢