JQuery ScrollUp eklentisi ile sayfa başına gitme
ScrollUp web sayfasının başına gitmeyi (Scroll to top) sağlayan ve eklenti sahibine göre bütün web sayfalarında çalışabilen bir JQuery eklentisidir. CSS dosyasının kolay ayarlanması nedeniyle bütün projelerinize kolaylıkla uygulayabilrsiniz.
ScrollUp yüklemek için burayı tıklayın.
HTML
<div id="scrollUp"></div
CSS
#scrollUp {
bottom: 20px;
right: 20px;
padding: 10px 20px;
background-color: #555;
color: #fff;
}
Jquery
//JQuery' i eklemeyi unutmayın
$(function () {
$.scrollUp({
scrollName: 'scrollUp', // eleman nosu
scrollDistance: 300, // Elemanı göstermeden önce üst / alt uzaklık (piksel)
scrollFrom: 'top', // 'top' or 'bottom'
scrollSpeed: 300, // Başa dönüş hızı(ms)
easingType: 'linear', // Scroll to top easing (see http://easings.net/)
animation: 'fade', // Fade, slide, none
animationSpeed: 200, // Anımasyon hızı (ms)
scrollTrigger: false, // Özel tetikleme elemanı ayarlayın. HTML dize veya jQuery nesnesi olabilir
scrollTarget: false, // Kaydırma için özel bir hedef elemanı ayarlayın. Eleman veya sayı olabilir
scrollText: 'Scroll to top', // HTML Metin içerebilir
scrollTitle: false, // Gerekirse başlığı <a> özel bir ayarlayın.
scrollImg: false, // Resim kullanmak için 'true' olarak ayarlayın
activeOverlay: false,
zIndex: 2147483647 // Z-Index değeri
});
});
