window.onscroll实现下滑页面时，导航栏发生变化，但是实现不稳定，也很卡

Question

用window.onscroll实现现在很流行的当页面往下滑动的时候，导航栏的渲染会发生变化然后置顶，明确一点就是，当向下滑动的时候给导航栏增加一个类名，否则删除这个类名。我写的可以实现，但是不稳定，有时候就需要多滑动几次才会发生变化，而且如果当页面不处于最开始的位置进行刷新的话，就不会实现。
这是我的这部分js代码：

window.onscroll = function() {

    var topScroll = document.body.scrollTop; //滚动的距离,距离顶部的距离

    var index_nav = document.getElementById("index_nav");

    if (topScroll >= 30) {

        addclass(index_nav, "top_nav_collapse");

    } else {

        removeclass(index_nav, "top_nav_collapse");

    }

}

然后这是我的addclass和removeclass代码，这部分应该是没有问题的

拜托拜托~求解决~