Javascript jPanelMenu和滚动不一起工作

更新-解决方案

---

我终于找到了解决办法。。。而且非常简单

只需在css中添加以下内容：

body{overflow-x:visible；}

当overflow-x设置为hidden时，似乎会出现冲突 jPanelMenu的正文

我正在同时运行jPanelMenu和jRespond（由于jRespond，jPanelMenu只在较小的屏幕上激活，在较大的屏幕上，菜单是固定的，不使用jPanelMenu）

一切都很好，但当我尝试使用任何类型的js在页面滚动上应用css时，当jPanelMenu处于活动状态时，它都不起作用

我想添加一个浮动菜单按钮，在用户滚动通过标题时打开jPanelMenu，只有当jPanelMenu处于活动状态时，标题才需要处于活动状态

以下是我一直在使用的滚动片段之一：

jQuery(window).scroll(function() {
    var scroll = $(window).scrollTop();
    if (scroll >= 200) {
        $("#scroll-trigger").addClass("show");
    } else {
        $("#scroll-trigger").removeClass("show");
    }
});

这是一个独立的工作方式，还有许多其他不同的方式来写出这个滚动方法。 但当jPanelMenu打开时，这个滚动代码不知何故变得毫无用处

下面是我在codrops上发现的另一个，它本身也可以工作，但与jPanelMenu冲突：

var cbpAnimatedHeader = (function() {

    var docElem = document.documentElement,
        header = document.querySelector( 'header' ),
        didScroll = false,
        changeHeaderOn = 300;

    function init() {
        window.addEventListener( 'scroll', function( event ) {
            if( !didScroll ) {
                didScroll = true;
                setTimeout( scrollPage, 250 );
            }
        }, false );
    }

    function scrollPage() {
        var sy = scrollY();
        if ( sy >= changeHeaderOn ) {
            classie.add( header, 'bodhi-header-shrink' );
        }
        else {
            classie.remove( header, 'bodhi-header-shrink' );
        }
        didScroll = false;
    }

    function scrollY() {
        return window.pageYOffset || docElem.scrollTop;
    }

    init();

})();

---

我个人在代码中找不到任何东西，我在网上搜索过类似的代码，并尝试了很多不同的实现方法，这一点都不好笑。任何帮助都将不胜感激。提前谢谢

我终于找到了解决办法。。。而且非常简单

只需在css中添加以下内容：

body{overflow-x:visible；}

---

当溢出-x被jPanelMenu设置为隐藏在主体上时，冲突似乎就出现了。

jPanelMenu是一个可怕的插件，使用sidr（）

我确实使用了sidr谢谢。在移动设备上，sidr也遇到了类似的滚动问题。嘿，Benbodhi，我在配置这两个方面也遇到了问题。你介意我问你一个问题吗？还是开始一个新的线程更好？