在移动设备上查看时，棍子 div 正在跳跃

Question

#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/

非常感谢！

Answer 1

我相信如果您更换：

，问题可以得到解决

.stick {top:50px;}

与：

.stick {top:0;}