HTML:
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<!-- Sayfa içeriği -->
<p>İçerik burada.</p>
<!-- En yukarı çık butonu -->
<a href="#" class="scroll-to-top">Yukarı Çık</a>
</body>
</html>
CSS (styles.css):
/* En yukarı çık butonunun stilini belirleme */
.scroll-to-top {
display: none;
position: fixed;
bottom: 20px;
right: 20px;
padding: 10px;
background-color: #007bff;
color: #fff;
border-radius: 50%;
text-align: center;
text-decoration: none;
font-size: 16px;
}
/* Kullanıcı sayfayı aşağı kaydırdığında butonu görünür yapma */
.scroll-to-top.active {
display: block;
}