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

我確實使用過sidr，謝謝。在使用sidr的移動設備上也遇到類似的滾動問題。 –

jPanelMenu而且滾動不工作一起

回答

相關問題