ओवरफ्लो-एक्स के साथ तत्व में माउस व्हील पर क्लिक करके क्षैतिज स्क्रॉलिंग अक्षम करें: छुपा

Question

मैं माउस व्हील पर क्लिक करके क्षैतिज स्क्रॉलिंग की संभावना को कैसे निर्धारित कर सकता हूं और इसे अतिप्रवाह-x: छुपा (तत्व या जावास्क्रिप्ट का उपयोग करके) में अक्षम कर सकता हूं। jQuery)? फ़ायरफ़ॉक्स में स्क्रॉलिंग असंभव है लेकिन आईई, क्रोम और सफारी में संभव है। कोड उदाहरण:

<div style="overflow-x:hidden; overflow-y:auto;">...</div>

स्क्रीनशॉट:

Answer 1

पूरी तरह से संभव है, लेकिन नहीं सबसे अच्छा अभ्यास (मुझे लगता है कि आप इसे करना चाहते के लिए एक बहुत अच्छा कारण है , हालांकि):

$('#yourDivId').on('scroll', function(){ 
    $('#container').scrollLeft(0); 
});​ 

एक काम करने वाले स्निपेट के लिए http://jsfiddle.net/q5CTS/3/ देखें।

Answer 2

आप jQuery के साथ यह disble कर सकते हैं:

$(document).ready(function(){ 
    $('.parent').bind('mousewheel', function(event, delta) { 
    return false; 
}); 

}); 

वर्ग parant माता पिता div है।