2014-06-10 19 views
5

Sto cercando una soluzione per il mio problema ma non riesco a trovarlo. Così ho scaricato il plugin jQuery (mCustomScrollbar) e tutto va bene senza una cosa: non posso scorrere con la rotellina del mouse nella mia pagina di test. La console è chiara, esempi di opere d'autore. Cerco di eseguire il mio codice negli ultimi Firefox e Chrome, ma il codice non funziona.La rotellina del mouse non funziona (mCustomScrollbar plugin jQuery)

Il mio codice:

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; 
} 

Se qualcuno mi può aiutare sarò in attesa per il messaggio.

+0

fiddle pls !!!!!!!!! – Jain

+0

Non ho abbastanza punti ... – user242302

risposta

9

Ok, trovo la soluzione. Quindi devo usare la versione del codice concat.

Quindi si utilizzerà http://malihu.github.io/custom-scrollbar/jquery.mCustomScrollbar.concat.min.js, ma non http://malihu.github.io/custom-scrollbar/jquery.mCustomScrollbar.min.js. È stupido ma funziona.

Saluti

+7

Per gestire la rotellina del mouse mCustomScrollbar utilizza lo script jquery.mousewheel.js che deve essere incluso prima della barra di scorrimento. È incluso nella versione concatenata, ma non minata. – Gromo

+0

Proprio come riferimento, nel caso qualcuno stia usando requireJS e stia avendo questo problema, fare riferimento a [questo thread] (https://github.com/malihu/malihu-custom-scrollbar-plugin/issues/176) su github (tu anche caricare jquery.mousewheel.js) - anche se la tua pagina di test (con lo stesso file js e senza usare richiede) funziona bene – randomguy04

Problemi correlati