Kayıtlar

Temmuz, 2017 tarihine ait yayınlar gösteriliyor

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.*/             });         });

JavaScript ile Sayfa Çapaları Arasında Gezinmek

Sayfanızda dinamik pozisyona sahip birden çok çapa olması halinde tek bir buton ile arasında gezinmek isteyebilirsiniz. Bu durumda ilk başta tüm ID'leri bir diziye toplamanız ve ardından dizi içerisindeki nesneleri kontrol ederek tek tek gezmeniz gerekmektedir. Örnek kod aşağıdadır:  Not: jQuery dependant yazılmıştır. HTML:     <div style="position:fixed; background: white; border: 1px solid black; right: 15px;">         <a style="cursor: pointer;" id="tiklat">Tıkla ve Zıpla</a>     </div>     <a class="zipla" id="1"></a>     <p style="height: 750px;">Lorem ipsum dolor sit amet...</p>     <a class="zipla" id="2"></a>     <p style="height: 350px">Lorem ipsum dolor sit amet...</p>     <a class="zipla" id="3"></a>     <p style="height: 750px">Lorem ips