Javascript 位置'；在safari中也不能在mozilla上工作

Position sticky在mozilla上和safari浏览器上都不起作用，但在chrome浏览器上它工作得很好。有人能帮我吗。。我知道我们可以让它不被其他许多方式，这是“javaScript”，但我不想在其中使用javaScript

table thead{position:-webkit sticky；position:sticky；top:-1px；background:#ccc；}
.table div{最大高度：200px；溢出：自动；}
.table div table td{最小宽度：200px；}

标题1
标题1
标题1
标题1

位置：sticky

不是标准，因此它可能会工作，具体取决于浏览器和版本，甚至您需要在web浏览器配置中设置一些标志

您可以在此处检查此可用性：

如您所见，在已知问题中：

---

Chrome、Firefox和Safari 7及以下版本似乎不支持粘性表格标题。（另请参见Firefox bug）

因为它只有

表

元素没有正确响应

位置：sticky

，而且它只是您要应用于sticky定位的

th

元素，为什么不构建一个自定义

thead

并将

位置：sticky

应用于该自定义

thead

工作示例：

.custom thead{
职位：-网络工具包粘性；
位置：粘性；
顶部：-1px；
最小宽度：816px；
}
.定制thead.定制That{
显示：内联块；
位置：相对位置；
左：2px；
最小宽度：202px；
右边距：2px；
背景色：#ccc；
}
.table div{
最大高度：200px；
溢出：自动；
}
.table div table td{
最小宽度：200px；
高度：50px；
背景色：#eee；
}
.海关{
字体大小：粗体；
}
.海关{
文本对齐：居中；
}

头1头1头1头1头
1.
2.
3.
4.
5.
6.
7.
8.
9
10
11
12
13
14
15
16

那么，有没有其他方法可以不使用java脚本而使表格标题在滚动条上保持粘性？？？@Samar好吧，您有两个选择：1）使用表格，而不是使用div结构（使html、css更复杂，使代码更难阅读）2）使用javascript。如果还有其他的，我现在不知道。有什么理由不使用JS吗？