jpanelmenu和滚动不一起工作

Question

更新 - 解决方案

我终于找到了解决方案...超级简单！

只需将以下内容添加到您的CSS：

body { overflow-x: visible; }

当溢出X设置为隐藏在 jpanelmenu的身体。

我正在运行jpanelmenu和jrespond （jpanelmenu仅在较小的屏幕上都活跃，这要归功于jrespond，在较大的屏幕上，菜单是固定的，不使用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();
})();

我在代码中找不到任何东西，并且已经在线搜索了类似的东西，并尝试了许多不同的实施方法，这并不有趣。任何帮助将不胜感激。预先感谢！

Answer 1

我终于找到了解决方案...超级简单！

只需将以下内容添加到您的CSS：

body { overflow-x: visible; }

当溢出X设置为jpanelmenu隐藏在身体上时，似乎发生了冲突。

Answer 2

jpanelmenu是一个可怕的插件，使用sidr（http://www.berriart.com/sidr/）