2011-12-06 12 views
6

उदाहरण:http://jsbin.com/ofifiy/2/edit#previewJquery - एक गैर स्क्रॉल div पर स्क्रॉल घटना

मैं एक गैर स्क्रॉल div (हरा एक) के साथ एक div (लाल एक) स्क्रॉल करने के लिए प्रयास करें। मेरी समस्या यह है कि, जब मैं हरे रंग के div पर स्क्रॉल करता हूं, jquery scroll() आग नहीं करता है।

एचटीएमएल

<div id="targetWithNoScroll" style="border:1px solid #0f0; width:100px; height:100px;"> 
    scroll here = scroll the red div<br /> 
    </div> 

जे एस

$('#targetWithNoScroll').scroll(function() { 
    $('body').append('No scroll <br />'); 
}); 
+4

क्यों आप एक स्क्रॉल घटना एक div है जो कोई पर सक्रिय होने की उम्मीद करेंगे: लेकिन मैं इनमें से एक लेने के रूप में यह आप बहुत समय की बचत होती है की सिफारिश करेंगे स्क्रॉल करने की क्षमता? यह मेरे लिए सही व्यवहार लगता है। –

+0

कृपया यहां तर्क की व्याख्या करें। आप किसी श्रोता को आग लगाना नहीं चाहते हैं जो एक गैर स्क्रोल करने योग्य div में स्क्रॉल नहीं करता है, ताकि आप कॉलबैक में "कुछ नहीं हुआ" आउटपुट कर सकें? उसका कोई मतलब नहीं है। – OptimusCrime

उत्तर

5

आपको लगता है कि div के लिए माउसव्हील घटना बाध्य करने के लिए की जरूरत है। दुर्भाग्य से कोई मूल jQuery mousewheel ईवेंट नहीं है, इसलिए आपको प्लगइन चुनना होगा या इसे स्वयं लिखना होगा।

http://brandonaaron.net/code/mousewheel/demos/

http://css-tricks.com/snippets/jquery/horz-scroll-with-mouse-wheel/

http://www.ogonek.net/mousewheel/jquery-demo.html

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