Ana Sayfa JavaScript Div içerisinde Pencerenin Scroll İşlemini Engellemek

Div içerisinde Pencerenin Scroll İşlemini Engellemek

by Sinan BOZKUŞ
1.108 kez okundu

Konu başlığı çok saçma oldu ama başka nasıl açıklayabilirim bilemedim :)

Bir div veya bir alan içerisinde scroll (kaydırma) işlemi yapılırken sayfanın scroll olması (kayması) bazen sinir bozucu olabiliyor.

Aşağıdaki kodu sayfanıza ekledikten sonra sayfa scroll’unu engellemek istediğiniz div veya başka html elemanına block-window-scroll class’ını vermeniz yeterli olacaktır.

[javascript]

$(‘.block-window-scroll’).bind(‘mousewheel DOMMouseScroll’, function (e) {
var e0 = e.originalEvent,
delta = e0.wheelDelta || -e0.detail;

this.scrollTop += ( delta < 0 ? 1 : -1 ) * 30;
e.preventDefault();
});

[/javascript]

Bunlara da bakmak isteyebilirsiniz

Bir Yorum Bırakın