• Özkan Arıcı

  • 45 görüntülenme

  • 1 ay önce

  • 0

  • 1

Javascript İle Yukarı Çık Uygulaması

Web sitesinde gezinirken aşağı inince sağ tarfta beliren yukarı çık uyarısı ile tıkladığınızda yukarı çıkmamızı sağlayan uygulama yapımı

İkonumuz :

<img id="ScrollTop" src="http://cdn1.iconfinder.com/data/icons/discovery/32x32/actions/go-up.png" title="Yukarı çık"/>

İkonumuzu sağ alt köşeye gönderelim

#ScrollTop{
    position: fixed;
    right: 20px;
    bottom: 15px;
    cursor: pointer;
    display: none;
}

Tıkladığımızda sayfa yukarı gelsin

$("#ScrollTop").click(function() {
    $("html,body").stop().animate({ scrollTop: "0" }, 1000);
});

Sayfa yukarı geldiyse iconumuz toz olsun

$(window).scroll(function() {
    var length = $(document).scrollTop();
    if (length > 300){
        $("#ScrollTop").fadeIn(500);
    }
    else{
        $("#ScrollTop").fadeOut(500);
    }
});

Umarım işinizi görür 🙂

Yazar: Özkan Arıcı

342 yazı yazmış
Profilini Gör
YORUM YAP

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir.

*

code