Javascript Safari OS X 10.10.4滚动时字体重量问题

我现在正面临着一个奇怪的问题，到目前为止，这个问题只发生在OSX（约塞米蒂10.10.4）下的Safari（8.0.7）中。有什么问题？我有两个菜单栏。两者都是相对的，定位效果很好。关键是，当我滚动时，从顶部开始50 px，我添加了一个类，使第二个条的位置固定+顶部0。这也非常有效，但是添加此类时，我看到目标栏的字体重量更改为更小的字体

（我选的是有“澳大利亚”、“新西兰”等项目的酒吧。）

我已录制了我的屏幕：。请看高清。右上角。第二个栏包含某些类别的名称。如果你仔细看，你会发现字体的重量发生了变化，名字比它们应该的要薄得多

我对我的代码非常有信心，并且：

我没有显式地操纵字体大小

这只发生在Safari（OSX）中

铬和FF工作良好

这是一个小问题，但我想学习一些新的东西并面对它

下面是一些代码片段，让您大致了解情况

$(window).scroll(function()
{
    var top = $(window).scrollTop();

    if (top > 50) {
        $('#blog_categories_container').addClass('sticky_top');
    } else {
        $('#blog_categories_container').removeClass('sticky_top');
    }
});

“blog\u categories\u container”栏和“sticky\u top”类的CSS：

---

有人能给我一些提示吗？谢谢。

这通常发生在某些事情导致字体平滑度发生变化时（可能是在添加/删除sticky_top类时）

尝试添加

-webkit字体平滑：抗锯齿
到css文件的
nav#blog_categories_容器
部分

如果不起作用，请尝试
-webkit字体平滑：亚像素抗锯齿
嗨，迈克尔，这就成功了！我已将此添加到正文部分。再次感谢你。我会更深入地研究这个案例！：）没问题，很高兴我能帮忙！几周前，我的自动滚动相框也有同样的问题。
nav#blog_categories_container.container_white {
    background-color: rgba(0,0,0,0.66);
}

nav#blog_categories_container {
    left: 0;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 50px;
    width: 100%;
    z-index: 1030;
}

nav#blog_categories_container ul {
    float: right;
    margin: 0;
    overflow: auto;
    padding: 0;
}

nav#blog_categories_container ul li {
    float: left;
    overflow: hidden;
    padding: 5px 30px 5px 5px;
    white-space: nowrap;
    position: relative;
    color: #cccccc;
}

nav#blog_categories_container ul li:last-of-type {
    padding-right: 0;
}

nav#blog_categories_container.sticky_top {
    position: fixed;
    top: 0;
}