Sitene yukarı çık butonu ekle – scrollUp
Şüphesiz internet sitelerinin en çok kullandığı uygulamalardan bir tanesidir mouse ile buton yada
linklere tıklandığında sayfanın yukarı doğru hızlı bir şekilde kayması. Şuan kullandığım temamda da
aynı özellik bulunuyor. Özellikle çok uzun sayfalarda ziyaretçiler için oldukça faydalıdır. Kendime
alışkanlık edindiğim için bazı sitelerde gezinirken sayfanın en altına geldiğim anda yukarı çıkma
butonlarını arar dururum. Kimileri web sitenin en altına ekler kimileri de sayfa aşağı kaydığında
görünen ve sayfa ile beraber aşağı yukarı doğru kayan şekilde eklerler. Sayfayı el ile aşağı
indirdiğinizde buton görünür tekrar yukarı çıktığınızda buton kaybolur. jQuery scrollUp eklentisi de
böyle bir örneği sitenizde kullanmanıza yarıyor.
EKLENTİYİ ÜCRETSİZ İNDİR
>>> DEMO
Kullanım
Head etiketleri arasına eklemeniz gereken bölümler.
Js dosya adresleri :
<script
src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></scr
ipt>
<script type="text/javascript" src="src/jquery.scrollUp.js"></script>
Css :
<style>
#scrollUp {
bottom: 20px;
right: 20px;
padding: 10px 20px;
background: #555;
color: #fff;
}
</style>
Javascript :
Basit kullanım :
<script>
$(function(){
$.scrollUp();
});
</script>
Gelişmiş kullanım :
$(function () {
$.scrollUp({
scrollName: 'scrollUp', // Element ID
topDistance: '300', // 300px aşağı inince buton görünsün
topSpeed: 300, // Yukarı çıkma hızı
animation: 'fade', // Fade, slide, none
animationInSpeed: 200, // Animasyon hızı (ms)
animationOutSpeed: 200, // Animasyon durma hızı (ms)
scrollText: 'Scroll to top', // Yazı ekleme
activeOverlay: false,
});
});
Aranan kelimeler:
●
●
●
●
●
●
●
●
●
html de yukarı çıkma butonu
sayfana yukarı çık butonu ekle
sitede aşağı yukarı butonu
sitede aşagı yukarı butonu html kodlari
sitene ekle yukarı aşağı
sitene tıklamalı hoşgeldin butonu ekle
sitene yukarı çık butonu ekleme
sitene yukarı çık çapası ekle
yukarı çık butonu
kaynak: mintik.com
Download

Sitene yukarı çık butonu ekle – scrollUp