jquery - 在移动设备上查看时，stick div正在跳跃

＃main-categories div正在跳跃，并且在移动设备上查看时并不能平稳地停留在顶部。可能是什么问题？

这是我得到的代码：

var s = $("#main-categories");
var pos = s.position();
$(window).scroll(function() {
    var windowpos = $(window).scrollTop();

    if (windowpos >= pos.top) {
        s.addClass("stick");
    } else {
        s.removeClass("stick");
    }
});

样本jsfiddle：https://jsfiddle.net/o1rrwwp0/

非常感谢！

最佳答案

我相信，如果您更换此问题，则可以解决：

.stick {top:50px;}

与：

.stick {top:0;}