jPanelMenu而且滚动不工作一起

更新 - 解决方案jPanelMenu而且滚动不工作一起

我终于找到了解决办法...它是超级简单！

只需添加以下到你的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(); 

})();

我无法找到个人的任何代码，并在网上搜索类似和SOOOOO尝试许多不同的实现方式并不好笑。任何帮助将不胜感激。提前致谢！

来源

2014-02-06 Benbodhi Mantra

我终于找到了解决办法...它是超级简单！

只需添加以下到你的CSS：

body { overflow-x: visible; }

看来当溢出-x设置由jPanelMenu隐藏在身体上出现冲突。

来源

2014-02-12 09:01:56

嘿Benbodhi，我遇到了一个问题，配置两个为好。你介意我问你一个问题吗？或者是开始一个新的线程更好吗？ –

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

来源

2014-03-20 07:23:51 h3n

jPanelMenu而且滚动不工作一起

回答

相关问题