2013-01-20 3 views
9

मैं डिफ़ॉल्ट स्क्रॉल गति, राशि और एक webpage.I की जड़ता को बदलने के लिए एक बहुत गूगल tring हूँ, लेकिन व्यर्थडिफ़ॉल्ट scrollspeed, scrollamount वेबपृष्ठ का scrollinertia कैसे बदलें

सौभाग्य से, बाद में, इस में दिन, मुझे a plugin मिला जो हमें स्क्रॉलस्पेड, राशि, जड़ता को केवल एक विशेष div टैग के भीतर बदलने की अनुमति देता है, न कि पूरे वेबपृष्ठ में।

यहाँ मुद्दा है कि मैं पूरे पृष्ठ के लिए करना चाहते हैं और केवल एक विशेष div element.Any मदद के भीतर नहीं मेरी मदद appreciated.Please

धन्यवाद होगा एक बुनियादी कोड

$(".I-WILL-APPLY-ONLY HERE").mCustomScrollbar({ 
set_width:false, 
set_height:false, 
horizontalScroll:false, 
scrollInertia:550, 
SCROLLINERTIA:"easeOutCirc", 
mouseWheel:"auto", 
    autoDraggerLength:true, 
    scrollButtons:{ 
enable:false, 
     scrollType:"continuous", 
    SCROLLSPEED:20, 
     SCROLLAMOUNT:40 
    }, 
    advanced:{ 
updateOnBrowserResize:true, 
    updateOnContentResize:false, 
     autoExpandHorizontalScroll:false, 
    autoScrollOnFocus:true 
    }, 
      callbacks:{ 
    onScrollStart:function(){}, 
    onScroll:function(){}, 
onTotalScroll:function(){}, 
    onTotalScrollBack:function(){}, 
    onTotalScrollOffset:0, 
whileScrolling:false, 
     whileScrollingInterval:30 
} 
    }); 



<div id="I-WILL-APPLY-ONLY HERE" class="I-WILL-APPLY-ONLY HERE"> 
A basic height in pixels would be defined for this element and any content appearing here will have a different scrollspeed,inertia.Mentioning heignt of this div element is compulsary,else i wont show the output </div> 

है पहले से

+1

में पूर्ण उदाहरण देख आप "राशि और जड़ता" –

+0

, यहाँ स्क्रॉल प्रयास करें http द्वारा क्या मतलब है : //manos.malihu.gr/tuts/custom-scrollbar-plugin/multiple_scrollbars_example.html यह जड़ता है। स्क्रॉलमाउंट प्रत्येक बार स्क्रॉल करते समय /%/पिक्सेल स्क्रॉल किया जाता है। अधिक स्क्रॉल राशि, जितना अधिक आप स्क्रॉल करते हैं (स्क्रॉलमाउंट और स्क्रॉल स्पीड के बीच अंतर की पतली रेखा होती है) – Michel

+0

मैं वास्तव में समझा नहीं सकता, वास्तव में क्या जड़ता है, ........ यहां एक उदाहरण है http://www.loisjeans.com/web2012/es जब आप स्क्रॉल करते हैं, पृष्ठ स्क्रॉल करता है, तत्व ऊपर की ओर बढ़ते हैं और धीरे-धीरे बंद हो जाते हैं। – Michel

उत्तर

1

क्यों एक कंटेनर div और लक्ष्य में अपने HTML रैप नहीं है कि, इस तरह:

<div class="container"> 
    <div id="I-WILL-APPLY-ONLY HERE" class="I-WILL-APPLY-ONLY HERE"> 
<!-- Content here --> 
    </div> 
</div> 

फिर jQuery में अपने कंटेनर वर्ग को लक्षित:

$('.container').mCustomScrollbar... 
+0

उस पर विस्तार करने के लिए देखभाल? एक उदाहरण दिखाएं कि ऐसा कैसे करें? – Veger

+0

अपने एचटीएमएल में: '

', फिर लक्ष्य करें कि $ ("कंटेनर") के साथ jQuery में –

+0

टिप्पणी का उपयोग करने के बजाय * आपके उत्तर को संपादित करना बेहतर होगा। तो आप (कोड) स्वरूपण का उपयोग करने में सक्षम हैं। – Veger

9

आपको लगता है कि, मेरी बेला में एक बार देख ले करने के लिए jQuery का उपयोग कर सकते हैं: http://jsfiddle.net/promatik/NFk2L/

आप पुस्तक घटना की एक घटना श्रोता जोड़ सकते हैं ध्यान दें कि आप पुस्तक का डिफ़ॉल्ट कार्रवाई रोक सकता है हो सकता है ... if (event.preventDefault) event.preventDefault();

फिर उस घटना के हैंडलर, jQuery चेतन का उपयोग कर, स्क्रॉल प्रदर्शन करेंगे ...

function handle(delta) { 
    var time = 1000; 
    var distance = 300; 

    $('html, body').stop().animate({ 
     scrollTop: $(window).scrollTop() - (distance * delta) 
    }, time); 
} 

आप समय, दूरी सेट कर सकते हैं (और आप भी एक सहजता विधि जोड़ सकते हैं), fiddle

+0

मोबाइल पर काम करने के लिए आपको यह फ़ंक्शन कैसे मिलता है? –

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