Sticky JS不适用于平板电脑/手机屏幕

Question

您好我正在使用jQuery插件，Sticky JS创建一个粘性标头。它适用于桌面，但无法正确修复移动/平板电脑屏幕。

理想行为

标题应该像这样修复，当我向下滚动时页面的顶部。

当前行为

但是标题修复如下。向下滚动时隐藏标题的顶部。

JS

var stickyWrapper = $(".outer-wrapper");

    stickyWrapper.sticky({
        topSpacing: 0,
        getWidthFrom: "html",
        responsiveWidth: true,
        widthFromWrapper: false,
        zIndex: 99
    });

HTML

<div id="sticky-wrapper" class="sticky-wrapper" style="height: 76px;">
    <div class="outer-wrapper">
        <div class="header-inner">
        <a class="logo" href="/">
            <div id="logo" class="svg--logo"></div>
        </a>
       </div>
    </div>
</div>

有人知道为什么会发生这种奇怪的行为吗？

谢谢，