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");
    }
});    

示例JSIDLE：

---

非常感谢

我相信如果您更换以下部件，问题可以解决：

.stick {top:50px;}

与：

.stick {top:0;}