2014-06-10 15 views
5

मैं अपनी समस्या के लिए समाधान खोज रहा हूं लेकिन मुझे यह नहीं मिल रहा है। तो मैंने jQuery प्लगइन (mCustomScrollbar) डाउनलोड किया और सबकुछ एक चीज़ के बिना ठीक है - मैं अपने परीक्षण पृष्ठ में mousewheel द्वारा स्क्रॉल नहीं कर सकता। कंसोल स्पष्ट है, लेखक कार्यों से उदाहरण। मैं अपने कोड को नवीनतम फ़ायरफ़ॉक्स और क्रोम में चलाने का प्रयास करता हूं, लेकिन कोड काम नहीं कर रहा है।मूसहेल काम नहीं कर रहा है (mCustomScrollbar jQuery प्लगइन)

मेरे कोड:

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> 

जे एस:

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

सीएसएस:

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

किसी को भी मेरी मदद कर सकते हैं मैं संदेश के लिए इंतजार करेंगे।

+0

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

+0

मेरे पास अंक नहीं हैं ... – user242302

उत्तर

9

ठीक है, मुझे समाधान मिल रहा है। तो मुझे कोड के संक्षिप्त संस्करण का उपयोग करना होगा।

फिर आप http://malihu.github.io/custom-scrollbar/jquery.mCustomScrollbar.concat.min.js का उपयोग करेंगे, लेकिन http://malihu.github.io/custom-scrollbar/jquery.mCustomScrollbar.min.js नहीं। यह बेवकूफ है लेकिन यह काम करता है।

सम्मान

+7

mousewheel mCustomScrollbar को संभालने के लिए jquery.mousewheel.js स्क्रिप्ट का उपयोग करता है जिसे स्क्रॉलबार से पहले शामिल किया जाना चाहिए। यह संक्षिप्त संस्करण में शामिल है, लेकिन एक को छोटा नहीं करने के लिए। – Gromo

+0

बस संदर्भ के रूप में, यदि कोई आवश्यकता जेएस का उपयोग कर रहा है और इस समस्या का सामना कर रहा है, तो [इस थ्रेड] (https://github.com/malihu/malihu-custom-scrollbar-plugin/issues/176) को github पर देखें (आप jquery.mousewheel.js भी लोड करना होगा) - भले ही आपका टेस्ट पेज (उसी जेएस फ़ाइल के साथ और आवश्यकता के बिना) ठीक काम करता है – randomguy04

संबंधित मुद्दे