2012-05-23 16 views
6
$('.news-wrap').mouseenter(function(event) { 
    $(window).mousewheel(function(event) { 
     event.preventDefault(); 
    }); 
}); 

विंडो स्क्रॉलिंग अक्षम है, प्रत्येक तत्व को छोड़ देता है। मैं माउसलेव ईवेंट के साथ स्क्रॉलिंग कैसे सक्षम कर सकता हूं?jQuery अक्षम और स्क्रॉलिंग सक्षम करें

उत्तर

5

इस तरह? $.disablescroll:

$('#abs').bind('mousewheel DOMMouseScroll', function(e) { 
    var scrollTo = null; 
    if (e.type == 'mousewheel') { 
     scrollTo = (e.originalEvent.wheelDelta * -1); 
    } else if (e.type == 'DOMMouseScroll') { 
     scrollTo = 1000 * e.originalEvent.detail; 
    } 

    if (scrollTo) { 
     e.preventDefault(); 
     $(this).scrollTop(scrollTo + $(this).scrollTop()); 
    } 
});​ 
8

मैं इस संभाल करने के लिए एक jQuery प्लगइन लिखा है।

यह mousewheel, touchmove, और पृष्ठ नीचे से स्क्रॉलिंग रोकता है।

$('.news-wrap').mouseenter(function() { 

    $(window).disablescroll(); 

}).mouseleave(function() { 

    $(window).disablescroll("undo"); 

}); 

आशा है कि किसी को यह उपयोगी लगेगा।

+0

धन्यवाद आदमी, यह वास्तव में उपयोगी है! –

+0

मुझे खुशी है, आपका स्वागत है! : डी –

+0

जब मैं तत्वों को ऊपर या नीचे खींच रहा था और खिड़की के स्क्रॉलपॉइंट पर पहुंचा, तो माउस और ड्रैगगेबल तत्व uncoupling थे। मैंने इस प्लगइन की कोशिश की और यह एक आकर्षण की तरह काम किया ... अच्छा प्लगइन –

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