» » Yuxarı Çıx Butonu-(Kod)
Yuxarı Çıx Butonu-(Kod)
Müəllif: Admin
Tarix: 01 Noyabr 2019
Yuxarı Çıx Butonu-(Kod)
Bu yükləməyə cəmi : 53 dəfə baxıldı
Bu yükləməyə şərh sayı : 0

 javascript iləi alternativ bir metodla bir əlavə hazırlamağa və düzəltməyə çalışdım. Uyğun Blogger,Datalife Engine,WordPress və s. bütün infrastrukturlarınızda problemsiz istifadə edə bilərsiniz. Internet Explorer 11 daxil olmaqla bütün yeni nəsil brauzerlər üçün uyğundur. Sadəcə aşağıdakı addımları izləyin.
1) Temanızda aşağıdakı kodu tapın.
</body>
2) Aşağıdakı kodları yuxarısına  əlavə edin.
<style>
#onlyJSyc{
display: none;
position: fixed;
bottom: 20px;
right: 20px;
z-index: 9999;
border: none;
outline: none;
background: url(http://4.bp.blogspot.com/-b50XKMWz84U/W9RouwhqVII/AAAAAAAAR_U/qQFXBOiUuQUC9Rv_evE4S7P9_yZ1YzZDgCK4BGAYYCw/s1600/yukari.png) no-repeat;
cursor: pointer;
padding: 0px;
width: 40px;
height: 40px;
}
</style>
<button onclick="topFunction()" id="onlyJSyc"></button>
<script>
window.onscroll = function() {
scrollFunction()
};
function scrollFunction() {
if (document.body.scrollTop > 500 || document.documentElement.scrollTop > 500)
document.getElementById("onlyJSyc").style.display = "block"
else
document.getElementById("onlyJSyc").style.display = "none"
}
function topFunction() {
if (document.body.scrollTop > 0 || document.documentElement.scrollTop > 0) {
document.body.scrollTop -= 40
document.documentElement.scrollTop -= 40
setTimeout(function() {
topFunction()
}, 0)
} else {
document.body.scrollTop = 0
document.documentElement.scrollTop = 0
}
}
</script>







Açar sözlər : Yuxarı Çıx Butonu, Yuxarı Çıx Butonu-(Kod), endir.org
FACEBOOK-ilə fikir bildir

Oxşar tapılan yükləmələr
FaceBook Səhifəmiz
ENDiR.org - Pulsuz Yükləmələr
Arxiv
Hal-Hazırda
İstifadəçilər
 
Qonaqlar (1)
Qonaq 
Robot (1)
crawl Bot 
Ümumi (2)
Sorğu
Saytı Bəyənirsiniz?