İnternet üzerinde birçok
yukarı çık bağlantısı yapımına yönelik anlatım mevcut.
İrc forumlarımız adına sizlere de bu paylaşım aracılığı ile bizde yukarı çık bağlantısını açıklamalı olarak anlatmaya çalışalım.
Bu kodlar genellikle,
jQuery ile hazırlanmış olup, bir efekt ile ekranın en üstüne çıkılmasını sağlamaktadır. Yalnızca
JavaScript ve
CSS kullanılarak, herhangi bir efekt olmaksızın ve
Internet Explorer dahil birçok tarayıcı ile uyumlu olan yukarı çık butonu yapımını anlatmaya çalışacağız. Aşağıda yer alan kodları, özellikle
CSS olarak dilediğiniz şekilde biçimlendirerek, web sitenizde kolaylıkla kullanabilirsiniz.
1) JavaScript kodlarımız aşağıdaki gibi olacaktır.
Kod
<script>function topFunction() {document.body.scrollTop = 0;document.documentElement.scrollTop = 0;}</script>
2) HTML kodlarımız ise aşağıdaki gibi olacaktır.
Kod
<a onclick="topFunction()"><div style="cursor: pointer" class="yukaricik">Yukarı Çık</div></a>
3) CSS kodlarımız ise aşağıdaki gibidir.