Javascript顺畅滚动没有跳跃？

Question

我有一个脚本，一旦我到达屏幕的特定点，div开始通过添加固定位置滚动身体，但它不平滑，看起来很可怕。我无法理解我是否可以添加一个页面偏移而不是添加一个固定的类，这会导致div略微跳转而不是从它所在的地方拾取。

window.onload = function ()
{
    var scrolledElement = document.getElementById('ID');
    var top = scrolledElement.offsetTop;
    var listener = function ()
    {
        var y = scrolledElement.scrollTop || scrolledElement.scrollTop || window.pageYOffset;

        if (y >= top)
        {
            scrolledElement.classList.add('fixed');
        } else {
            scrolledElement.classList.remove('fixed');
        }
    };
    window.addEventListener('scroll', listener, false);
}

但正如我所说，只要身体滚动到达ID div，它就会跳转并添加固定的css，这是...

#ID.fixed {
    position: fixed;
    top:0;
    width: 336px; 
    margin: 0px auto;
    margin-top: 15px;
}

我无法理解是否通过向它添加offsettop而不是css它会使它不跳转？