Jquery kodlarımız </head> üzerine
<script type="text/javascript">
$(function() {
$("#top").click(function() {
// sayfamızı kaydıran kod
$("html,body").stop().animate({ scrollTop: "0" }, 1000);
});
});
$(window).scroll(function() {
var uzunluk = $(document).scrollTop();
if (uzunluk > 300) $("#top").fadeIn(500);
else { $("#top").fadeOut(500); }
});
</script>
<style type="text/css">
#top{bottom:5px;right:5px;background:#147;padding:5px;color:#fff;font:bold 12pt verdana;position:fixed;display:none;}
</style>
yazını cıkması için gereken kodlama
<body> nin hemen altına ekleyebilirsiniz. :
<div id="top"><img src="/go_up.gif" title="Yukarı git" alt="Yukarı git" border="0" /></div>bu resim ancak sayfada aşagı dogru kayılınca çıkar ortaya tıklanıcada yavaşca yukarı kaydırır sayfayı..
ekteki resmi de images klasorune atınız..
Orjinal konu
// 300 değeri sabit bir uzunluk
// istersek herhangi bir elemente göre yukarı tuşunu
// aktifleştirmek istersek o elementin top değerini bulup
// bu değere göre yukarı tuşunu aktifleştirebiliriz.
// if(uzunluk > $("#alanId").position().top) gibi.
Konu: jquery ile yukarı çık butonu (Okunma sayısı 91 defa)
