2017-09-18 125 views
0

我們正在實施在我們的應用程序表格數據的簡單凍結的標題樣式屬性,使用這種基本功能:變換:平移Y不工作在IE /邊緣

$('.wrapper').on('scroll', function() { 
    var translate = "translateY(" + this.scrollTop + "px)"; 
    this.querySelector('thead').style.transform = translate; 
}); 

它可以在Chrome/Firefox中的罰款,並它確實將正確的變換應用於thead元素的style屬性,但它似乎並未實際應用IE/Edge中的變換。

這裏有一個小提琴:https://jsfiddle.net/xLwgcsag/1/

Caniuse指出,IE11 /邊緣都支持它沒有前綴,所以這是一個錯誤,如果是的話,有沒有解決辦法?

回答

0

爲什麼不只是使用CSS來保持頭部固定呢?選擇包含報頭中的TR,並添加以下到它:

#trHeader { 
    position: absolute; 
} 
+0

,打破了列對齊,並設置在第一排的頂部的標題,所以這不是真的,因爲我們不打算選項在列上設置固定寬度,在這裏提琴 - https://jsfiddle.net/xLwgcsag/3/ – Stubnortz