2014-06-10 4 views
5

Ich suche Lösung für mein Problem, aber ich kann es nicht finden. Also habe ich jQuery-Plugin (mCustomScrollbar) heruntergeladen und alles ist gut ohne eine Sache - ich kann nicht mit dem Mausrad auf meiner Testseite scrollen. Konsole ist klar, Beispiele von Autor arbeitet. Ich versuche, meinen Code im neuesten Firefox und Chrome auszuführen, aber der Code funktioniert nicht.Mausrad funktioniert nicht (mCustomScrollbar jQuery-Plugin)

Mein Code:

HTML:

<div id="elements"> 
    <p>Elementy</p> 
    <div id="list"> 
     xxx<br />xxx<br /> 
     abc<br />def<br />ghi<br />jkl<br />abc<br />def<br />ghi<br />jkl<br />abc<br />def<br />ghi<br />jkl<br />abc<br />def<br />ghi<br />jkl<br /> 
    </div> 
</div> 

JS:

$(document).ready(function(){ 
    $('div#elements').mCustomScrollbar({ 
     axis:'y', 
     theme:'dark', 
     mouseWheel:{ 
      enable:true, 
      scrollAmount:5 
     } 
    }); 
}); 

CSS:

div#elements { 
    background-color:#fff; 
    border:1px solid #000; 
    height:350px; 
    position:absolute; 
    right:10%; 
    top:20%; 
    width:230px; 
    z-index:2; 
} 
div#elements p { 
    border-bottom:1px solid #000; 
    cursor:default; 
    margin:0; 
    padding:8px 0; 
    text-align:center; 
} 

Wenn jemand kann mir helfen, ich für Meldung warten.

+0

geige pls !!!!!!!!! – Jain

+0

Ich habe nicht genug Punkte ... – user242302

Antwort

9

Okay, ich finde eine Lösung. Also muss ich concat Version des Codes verwenden.

Dann verwenden Sie http://malihu.github.io/custom-scrollbar/jquery.mCustomScrollbar.concat.min.js, aber nicht http://malihu.github.io/custom-scrollbar/jquery.mCustomScrollbar.min.js. Es ist dumm, aber es funktioniert.

Grüße

+7

Um Mausrad behandeln mCustomScrollbar verwendet jquery.mousewheel.js Skript, das vor der Bildlaufleiste enthalten sein sollte. Es ist in der Concat-Version enthalten, aber nicht in einer reduzierten Version. – Gromo

+0

Nur als Referenz, falls jemand requireJS benutzt und dieses Problem hat, siehe [this thread] (https://github.com/malihu/malihu-custom-scrollbar-plugin/issues/176) auf github (you muss auch laden Sie die jquery.mousewheel.js) - auch wenn Ihre Testseite (mit der gleichen js-Datei und ohne zu verwenden erforderlich) gut funktioniert – randomguy04

Verwandte Themen