Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/445.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 变换:translateY不处理IE/Edge中的样式属性_Javascript_Jquery_Css_Internet Explorer_Microsoft Edge - Fatal编程技术网

Javascript 变换:translateY不处理IE/Edge中的样式属性

Javascript 变换:translateY不处理IE/Edge中的样式属性,javascript,jquery,css,internet-explorer,microsoft-edge,Javascript,Jquery,Css,Internet Explorer,Microsoft Edge,我们正在应用程序中为表格数据实现一个简单的冻结标题,使用以下基本功能: $('.wrapper').on('scroll', function () { var translate = "translateY(" + this.scrollTop + "px)"; this.querySelector('thead').style.transform = translate; }); 它在Chrome/Firefox中运行良好,它确实对thead元素的style属性应用了正确的转换,但

我们正在应用程序中为表格数据实现一个简单的冻结标题,使用以下基本功能:

$('.wrapper').on('scroll', function () {
  var translate = "translateY(" + this.scrollTop + "px)";
  this.querySelector('thead').style.transform = translate;
});
它在Chrome/Firefox中运行良好,它确实对thead元素的style属性应用了正确的转换,但似乎并没有在IE/Edge中实际应用该转换

这是一把小提琴:


声明IE11/Edge都支持不带前缀的标题,那么这是一个bug吗?如果是的话,有解决方法吗?

为什么不直接使用CSS来固定标题呢?选择保存标题的tr,并向其添加以下内容:

#trHeader {
    position: absolute;
}

这会破坏列对齐方式并将标题设置在第一行的顶部,因此这不是一个真正的选项,因为我们不会在列上设置固定的宽度,请在此处进行修改-