ماشر برمجه للاعلى Go to top

مشاهدات الان

البحث عن

</head>

فوقه

<style>

#myBtn {display: none;position: fixed;bottom: 20px;right: 30px;z-index: 99;font-size: 18px;border: none;outline: none;background-color: #1e8bc3;color: white;cursor: pointer;padding: 15px;border-radius: 4px;}

#myBtn:hover {background-color:#1F3A93;}

</style>

والبحث عن

</body>

فوقه

<button onclick="topFunction()" id="myBtn" title="للاعلى"><i class="fa fa-chevron-up"></i></button>

<script>

window.onscroll = function() {scrollFunction()};

function scrollFunction() {

if (document.body.scrollTop > 200 || document.documentElement.scrollTop > 200) {

document.getElementById("myBtn").style.display = "block";

} else {

document.getElementById("myBtn").style.display = "none";

}

}

function topFunction() {

document.body.scrollTop = 0;

document.documentElement.scrollTop = 0;

}

</script>

وسلامتكم