JQUERY İLE TOTOP (YUKARI) BUTONU YAPIMI

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