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