v2.5.2
Giriş yap

Sayfa yukarı kodu jquery

Anonim
478 defa görüntülendi

hazır olarak bulduğum kodu biraz daha geşiştirip sayfa aşağı işlevini de eklememe yardım edebilir misiniz?

https://codepen.io/ig_design/pen/yrwgwO

jquery den hiç anlamıyorum.

Bunun yerine şunu kullan diye bileceğiniz başka hazır bir örnek varsa tavsiye ederseniz sevinirim. sağolun.

mrtkcky
1208 gün önce

Merhaba,

Öncelikle her sayfada görünecek bir buton hazırlayın. (Header/Footer tarafında olabilir)

<a class="myBtn" onclick="topFunction()"></a>

Ardından bu butonu css ile sayfanın sağ altına sabitleyin:

<style>
.myBtn{
    position:fixed;
    right:3%;
    bottom:5%;
    text-decoration:none;
    z-index:999;
}
.gostergizle{
    display:block
    
}
</style>

Ardından javascript tarafında şu fonksiyonu kullanabilirsiniz:

<script>
    function topFunction() {
    (document.body.scrollTop = 0), (document.documentElement.scrollTop = 0);
}
$("document").ready(function (o) {
    var n = o(".myBtn");
    o(window).scroll(function () {
        o(this).scrollTop() > 125 ? n.addClass("gostergizle") : n.removeClass("gostergizle");
    });
});

</script>

Böylece sayfanın üstüne çıktığında buton gizlenir, sayfa scroll edilince buton gösterilir.

Saygılarımla