Bu "Yukarı çık" ya da "Yukarı kaydır" özelliği ile ziyaretçileriniz yukarı çıkmak istediklerinde düğmeye basarlar ve ekran yavaşça sitenin üst kısmına kayar. Bu özelliği kullanmak için kodu sitenizin Head Bölümüne ekleyin.

<script type="text/javascript">
//<![CDATA[
//whole credits are devoted to orignal author
//
//Use: Call function goto_top()
var goto_top_type = -1;
var goto_top_itv = 0;

function goto_top_timer() {
var y = goto_top_type == 1 ? document.documentElement.scrollTop : document.body.scrollTop;
//alert(y);
var moveby = 15; // set this to control scroll seed. minimum is fast

y -= Math.ceil(y * moveby / 100);
if (y < 0)
y = 0;

if (goto_top_type == 1)
document.documentElement.scrollTop = y;
else
document.body.scrollTop = y;

if (y == 0) {
clearInterval(goto_top_itv);
goto_top_itv = 0;
}
}

function goto_top() {
if (goto_top_itv == 0) {
if (document.documentElement && document.documentElement.scrollTop)
goto_top_type = 1;
else if (document.body && document.body.scrollTop)
goto_top_type = 2;
else
goto_top_type = 0;

if (goto_top_type > 0)
goto_top_itv = setInterval('goto_top_timer()', 25);
}
}
//]]>
</script>

Şimdi de bu kodu bir Bileşenler-HTML öğesi ile sitenizin kenar çubuğna ya da bir alt sayfaya eklemelisiniz.

<a onclick="goto_top()" title="nach oben bitte" style="display:scroll;position:fixed;bottom:5px;right:5px;cursor:pointer;"><img src=
"http://u.jimdo.com/www52/o/s2ba029df7f23bf1c/img/i2465fa06f84b8fb6/1349956302/std/image.png" alt="" width="30" height="30" /></a>

Kodda bulunan ok resmi yerine (kırmızı işaretli bölüm) aşağıdaki görselleri (yanlarındaki bağlantıları kullanarak) ya da kendi resimlerinizi de kullanabilirsiniz. Bunun için kırmızı işaretli alanı resmin bağlantı adresiyle değiştirin.