Sayfa yukarı kodu jquery
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.
Soru hatalı mı? 👎
Eğer sorunun kurallara aykırı olduğunu düşünüyorsanız lütfen bize bildirin!
Cevaplar (3)
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
