مقاله: آموزش ساخت دکمه بازگشت به بالا همانند انجمن گیم میک

درود

شات:



با کلیک بر روی این دکمه بصورت حرفه ای به بالای (هدر) انجمن هدایت می شوید

کد زیر رو به قسمتی که می خواهید اضافه کنید (برای مثال به footer):

کد:

<a href="#" class="scrollup"><span></span></a>

سپس کد زیر را به ته headinclude_bottom اضافه کنید :

کد:

<script type="text/javascript">
$(document).ready(function () {

    $(window).scroll(function () {
        if ($(this).scrollTop() > 100) {
            $('.scrollup').fadeIn();
        } else {
            $('.scrollup').fadeOut();
        }
    });
    $('.scrollup').click(function () {
        $("html, body").animate({
            scrollTop: 0
        }, 600);
        return false;
    });

});
</script>

کد های css :

کد:

.scrollup:before {content:"\f0aa";font:2em "FontAwesome";float:right;margin-right:17px;margin-top:26px;color:#DDD;}

نکته: برای اجرا این کد ها نیاز دارید FontAwsome رو فراخوانی کنید . ( در قالب VBIranA نیازی به این کار نیست) البته خودتون هم میتونید عکس تو کد ها قرار بدید .

دمو: انجمن تخصصی بازی سازی در ایران

تمام، موفق باشید .