DocumentElement.scrollTop : comment mesurer en rem ?

Bonjour,

Bonne pratique à ma connaissance, je passe des px aux rem pour définir les marges principales et points de ruptures des media queries.

J'ai un vieux script JS qui marche très bien :

window.onscroll = function() {myFunction()};

function myFunction()
{
var x = document.body.scrollTop || document.documentElement.scrollTop;
var h = document.getElementById('panier').offsetHeight;
var b = window.innerHeight || document.documentElement.clientHeight || document.body.clientHeight;
var a = window.innerWidth || document.documentElement.clientWidth || document.body.clientWidth;
var w = document.body.scrollWidth || document.documentElement.scrollWidth;

b = b - 110;

if (x > 80 && h < b && w < a)
{
document.getElementById('panier').className = 'fixed';
}
else
{
document.getElementById('panier').className = '';
}     
}

Est-il possible de moderniser avec des rem au lieu de px ?

Merci d'avance de vos lumières.