Tryit Editor - Free-Learn

<!DOCTYPE html>
<html id="Top">
<head>
<style>

:root{
 scroll-behavior: smooth;
}

.content{
 margin: 10px;
 line-height: 1.9;
 text-align: justify;
}

#button{
 position: fixed;
 bottom: 30px;
 right: 5px;
 transition: opacity .5s, visibility .5s;
 opacity: 0;
 visibility: hidden;
 z-index: 99999;
}

#button:hover {
 cursor: pointer;
}

#button.show {
 opacity: 1;
 visibility: visible;
}

</style>
</head>
<body dir="rtl" onscroll="MyBtn_GoUp();">

<div class="content">
<h3>لطفا به سمت پایین اسکرول کنید</h3>
سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد 
سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد 
سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد 
سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد 
سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد 
سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد 
سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد 
سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد 
سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد 
سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد 
سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد 
سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد 
سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد 
سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد 
سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد 
سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد 
سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد 
سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد 
سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد 
سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد 
سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد 
سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد 
سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد سلام خوبی؟ یک متن الکی در اینجا قرار دارد 
</div>

<a href="#Top" id="button">
 <img src="files/go-up.png">
</a>

function MyBtn_GoUp(){
 var Btn_GoUp = document.getElementById("button");
 if( window.pageYOffset > 200 ){
  Btn_GoUp.classList.add("show")
 }else{
  Btn_GoUp.classList.remove("show");
 }
}

</script>

</body>
</html>

سایت آموزشی فری لرن