Kaydırılabilir div

Question

içinde dış kaydırma işlemini devre dışı bırakabilme Kaydırabileceğiniz bilgileri tutan birkaç tane divim var. Ancak, üst veya alt tarafa bastığınızda, tüm sayfayı kaydıran tarayıcı kaydırmalarına dönüşür.

Fare, bu özel div içerisindeyken dış kaydırma işlemini devre dışı bırakmak istiyorum (bu türden üç tane div var).

Zarar vermeye çalıştığım şeyin bir örneği çalma listesi seçicisidir.

Here's an example at youtube Farenizi popüler yükleme bölümünün içine getirin ve yukarı ve aşağı doğru ilerlemeye çalışın.

DÜZENLEME: bağlantıyı başka bir tarayıcıda kullanmayı denedim ve video seçim kısmı görünmüyor, ancak "oynatma listesine ekle" kısmı bunu etkinleştirir.

Bunu yapmanın bir yolu bilen var mı?

Answer 1

bir FIDDLE

<div> 
    ... some content ... 
</div> 

---

div { 
    height: 400px; 
    overflow: scroll; 
} 

---

$('div').on('mousewheel DOMMouseScroll', function(e) { 
    var scrollTo = null; 

    if(e.type === 'mousewheel') { 
    scrollTo = (e.originalEvent.wheelDelta * -1); 
    } 
    else if(e.type === 'DOMMouseScroll') { 
    scrollTo = 40 * e.originalEvent.detail; 
    } 

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

var

Answer 2

Untested, ama cevap olabilir:

$("div").scroll(function(event) { 
    event.stopPropagation();//Do not bubble up the DOM, do not scroll document. 
}); 

stopPropagation() DOM kabardığını olay önlemek için kullanılır. Bu şekilde diğer öğeler bu etkinliğe bildirilmez.

Devamı: http://api.jquery.com/event.stoppropagation/ İşte