jquery - 在移动设备上查看时，stick 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;}