القائمة الرئيسية

الصفحات

كود الصعود لأعلى بشكل جذاب

الصعود لأعلى



نقوم باضافه 
<div class="scrollup"></div>

اسفل الفوتر وليكن اسفل هذا الكود
<div class="Footer">
ثم

نضيف الكود التالى قبل الوسم </head>
<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>
بعد ذلك نبحث عن

]]></b:skin>

ونضع فوقه

.scrollup {
    width: 40px;
    height: 40px;
    position: fixed;
    bottom: 0px;
    right: 50px;
    display: none;
background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj-VbRGwCQGaW6eynhJMfqRH2cydYpCV6hggmifHUuzgPiOeLHepS3xC1ODMxuBpA4wfgc3P2I_TQ1DT0WlqJ_zhazus82iFTqmxO1CIpJaWBhc0gMnIzylqHzfCEI86x61Pn7R7daDFR4/h120/top_arrow.png") no-repeat scroll center center #07a9af;

}



تعليقات