2014-06-10 23 views
5

Sorunum için çözüm arıyorum, ancak bulamıyorum. Bu yüzden jQuery eklentisini (mCustomScrollbar) indirdim ve her şey bir şey olmaksızın gayet iyi - test sayfamda fare tekerleği ile kaydırma yapamıyorum. Konsol açık, yazar çalışmalarından örnekler. Kodumu en son Firefox ve Chrome'da çalıştırmayı deniyorum, ancak kod çalışmıyor.Mousewheel çalışmıyor (mCustomScrollbar jQuery eklentisi)

Kodum:

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

kimse i mesajın bekliyor olacak bana yardımcı olabilir.

+0

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

+0

Enought puanlarım yok ... – user242302

cevap

9

Tamam, çözüm buluyorum. Yani kodun concat sürümünü kullanmalıyım.

O halde http://malihu.github.io/custom-scrollbar/jquery.mCustomScrollbar.concat.min.js'u kullanacaksınız, ancak http://malihu.github.io/custom-scrollbar/jquery.mCustomScrollbar.min.js kullanamazsınız. Aptal ama işe yarıyor.

Saygılar

+7

Mousewheel'i kullanmak için mCustomScrollbar, kaydırma çubuğundan önce bulunması gereken jquery.mousewheel.js komut dosyasını kullanır. Concat sürümüne dahil edilmiştir, ancak bir tane küçültülmüş değildir. – Gromo

+0

Sadece referans olarak, birisinin requireJS kullanıyor ve bu sorunu yaşıyorsa, github'da [bu konuya] (https://github.com/malihu/malihu-custom-scrollbar-plugin/issues/176) bakın. Ayrıca jquery.mousewheel.js 'yi de yüklemeniz gerekir - test sayfanız (aynı js dosyasıyla ve kullanmadan) iyi çalışıyor olsa bile – randomguy04

İlgili konular