Jquery ile ToTop (Yukarı) Butonu Yapımı | aliyasindogan.com
JQUERY İLE TOTOP (YUKARI) BUTONU YAPIMI

JQUERY | Ali Yasin Doğan | 17.08.2016 | 1864

Ekranımız Aşağıya Doğru indirdiğimizde Sağ Alt Köşe Buton oluşmasını ve Bu Butona Tıklanıldığında Yukarı Çıkmasını Sağlayacak Butonun JQUERY ve CSS kodlarını hazırlayalım

Jquery ilgili kodlarımız;

$(document).ready(function () {
    $('body').append('<div id="toTop" > <span class="fa-stack fa-2x" id="toTop" style="display: inline;"><i class="fa fa-circle fa-stack-2x"></i> <i class="fa fa-angle-up fa-stack-1x fa-inverse"></i>&nbsp;</span></div>');
    $(window).scroll(function () {
        if ($(this).scrollTop() != 0) {
            $('#toTop').fadeIn();
        } else {
            $('#toTop').fadeOut();
        }
    });
    $('#toTop').click(function () {
        $("html, body").animate({ scrollTop: 0 }, 600);
        return false;
    });
});

Burdaki kodlarımız ise css;

position: fixed;
bottom: 10px;
right: 10px;
cursor: pointer;
display: none;
color: #0093dd;

Görüşmek üzere Allah cc Emanet Olun.




 Etiketler:  jquery css totop