Slimscroll沒有對mouseover（或任何東西）做出反應

我想實現一個包含通知的下拉菜單，就像這個頁面有：http://infinite-woodland-5276.herokuapp.com/index.html。站點右上角的擴音器圖標，它是菜單，是我正在嘗試重新創建的。Slimscroll沒有對mouseover（或任何東西）做出反應

我已成功製作了包含項目列表的標題菜單圖標。但是我不能讓滾動條工作。

它使用jquery插件slimScroll，在這裏找到：http://rocha.la/jQuery-slimScroll。

在教程中，滾動條的配合看起來非常簡單直接。下面是我做的：

$(document).ready(function(){ 
     $('#main-navbar-notifications').slimScroll({ 
      height : 250 
     }); 
    });

執行此代碼後，該代碼會出現在我的DOM：

<div class="slimScrollBar" style="width: 7px; position: absolute; top: 0px; opacity: 0.4; display: none; border-radius: 7px; z-index: 99; right: 1px; height: 195.925px; background: rgb(0, 0, 0);"></div> 
<div class="slimScrollRail" style="width: 7px; height: 100%; position: absolute; top: 0px; display: none; border-radius: 7px; opacity: 0.2; z-index: 90; right: 1px; background: rgb(51, 51, 51);"></div>

這些出現並不是＃主導航欄的通知裏面，因爲我本來期望，但隨後。但是，我發現在我試圖複製的示例中存在完全相同的DOM結構。看起來像是應該的。

但我的滾動條根本不起作用。如果我將鼠標懸停在div上，沒有任何反應。我試着將滾動條設置爲始終可見，而且還沒有發生任何事情。然後，我進入了HTML本身，在鉻檢查器中，手動設置滾動條和導軌是可見的。這對於可見性起作用，因爲它們在視覺上看起來完全如我所預期的那樣，但它們仍然沒有對任何鼠標動作作出反應。

我已經能夠找到關於這個問題的唯一信息是確保我的滾動div被設置爲position: relative;，但那沒有做任何事情。在我的控制檯中沒有任何錯誤消息或任何消息。

我試圖重新創建我的問題在小提琴中，但我無法上傳slimscroll庫在那裏。

有誰知道這個錯誤可能是什麼？或者找出問題實際是什麼的策略？

來源

2015-10-23 KjetilNordin

原來，我已經手動複製了一個<div class="slimScrollDiv">，這是一個應該從插件生成的包裝div，用於滾動窗格。一旦我刪除該div，slimScroll完美工作...

來源

2015-10-23 09:47:17 KjetilNordin

Slimscroll沒有對mouseover（或任何東西）做出反應

回答

相關問題