2010-06-01 7 views
8

इस कोड के साथ मैं mousewheel आंदोलन को पकड़ने और लंबवत डिफ़ॉल्ट के बजाय क्षैतिज स्क्रॉल बार पर लागू करने में सक्षम हूं।इस खिड़की स्क्रॉल आंदोलन फ़ंक्शन में JQuery easing को कैसे कार्यान्वित करें?

$('html').bind('mousewheel', function(event, delta) { 
    window.parent.scrollBy(-120 * delta, 0); 
    return false; 
}); 

क्या कोई तरीका है कि मैं स्क्रॉल आंदोलन में यह jQuery आसान एनीमेशन जोड़ सकता हूं?

// t: current time, b: begInnIng value, c: change In value, d: duration 
jQuery.extend(jQuery.easing, { 
    easeInOutBack: function (x, t, b, c, d, s) { 
     if (s == undefined) s = 1.70158; 
     if ((t/=d/2) < 1) return c/2*(t*t*(((s*=(1.525))+1)*t - s)) + b; 
     return c/2*((t-=2)*t*(((s*=(1.525))+1)*t + s) + 2) + b; 
    } 
}); 

आपको बहुत पहले धन्यवाद!

उत्तर

1

मुझे लगता है कि आपको क्या चाहिए प्लगइन प्लगइन है। बिल को फिट करने लगता है, हालांकि मैंने इसे व्यक्तिगत रूप से उपयोग नहीं किया है। मूल रूप से यह इस

$.scrollTo(-120*delta, {duration:1000,easing:'easeInOutBack',axis:'x'}) 

की तरह कॉल करने के लिए प्लगइन डेमो here को खोजने के लिए सक्षम होना चाहिए। jquery प्लगइन साइट वर्तमान में ऑफ़लाइन प्रतीत होती है, लेकिन जब इसका बैक अप होता है, तो प्लगइन here

+0

यह बैक अप हो गया है :) – ozke