javascript - 在 jQuery 脚本中使用 em

Question

我在一个网站上工作，我试图让每一个测量都符合 em，但是我从一个旧元素中重新利用的脚本我似乎无法使用 em，它似乎只能工作带像素。

$(window).scroll(function(){
    $("#nav").css("top",Math.max(0,96-$(this).scrollTop()));
});

这是它的作用的演示:

http://jsfiddle.net/hwRSF/1/

如果有人可以帮助并告诉我我需要做什么，将不胜感激!

Answer 1

因为 scrollTop() 以像素为单位返回，您需要根据您的基本尺寸将其转换为 em 值。

对于这个特定的问题，看起来你的基本尺寸是 16，所以你只需要将像素除以 16。

你的导航CSS:

#nav {
 ...
 top: 6em; /* 96 / 16 = 6*/
 ...
}

j查询:

$('#nav').css("top",Math.max(0,(96 - $(this).scrollTop())/16) + "em");

fiddle 示例:http://jsfiddle.net/hwRSF/3/