Delta Y Hareketi - JavaScript ile Sayfanın Yukarı veya Aşağı Gittiğini Tespit Etme

jQuery wheel fonksiyonu ile sayfanın hareket edip etmediğini tespit etmemiz mümkün olmasın rağmen, sayfanın yukarı ya da aşağı kaydığını anlamamız, fonksiyonun ham hali ile mümkün değildir. Bunu yapabilmek için öncelikle mouse orta tuş kaydırma hareketini equalize (eşitleme) ile bir değişkene atamamız ve delta Y hareketini kontrol etmemiz gerekmektedir.

        $(function () {
            $(window).on('wheel', function (e) {
                var delta = e.originalEvent.deltaY;

                if (delta > 0) {
                    console.log("Aşağı Gittim");
                }

                else {
                    console.log("Yukarı Gittim");
                }

                /*return false; Sadece sayfa scroll gelmiyorsa aktif edin. Yoksa çalışmayacaktır.*/
            });
        });

Yorumlar

Bu blogdaki popüler yayınlar

Google Maps Üzerinde Birden Fazla Noktayı İşaretleme

MS SQL Server 2008 - MS SQL Server 2012 Restart Computer Hatası

HTML - Focus Kullanımı