Reklam
JavaScript Scroll Back To Top Button Yapımı
Merhaba arkadaşlar, JavaScript ile Scroll Back To Top Button yapımı anlatacağım. Scroll Back Top Button ile web sayfanızı ziyaret eden kişilerin web sayfasının altına indiklerinde buton yardımı sayfanın otomatik olarak kaydırılarak tekrar en üste çıkmasını sağlar.
JavaScript Scroll Back To Top Button (JavaScript ile sayfayı en üste kaydırma, taşıma) yapımı için basit düzeyde HTML, CSS ve JavaScript bilgisine ihtiyacımız olacak. JavaScript ile sayfayı üste kaydırma yapabilmek için gerekli olan kodlar aşağıda yer almaktadır.
<html>
<head>
<title>JavaScript ile Sayfayı Yukarı Kaydıran Buton Yapımı</title>
<style>
.yuksek-div {
height: 200vh;
}
</style>
</head>
<body>
<div class="yuksek-div">
Örnek içerik
</div>
<button onclick="scrollToTop()">
Click to scroll to top
</button>
<script src="https://code.jquery.com/jquery-3.3.1.min.js">
</script>
<script>
function scrollToTop() {
$(window).scrollTop(0);
}
</body>
</html>
Reklam
Reklam
