Back to top nhanh, gọn, nhẹ!

Tình hình đi lòng vòng lụm được cái dode back to top, không nhớ ai post chưa, nếu rồi thì nhở mod del dùm!
Cảm thấy code này nhỏ gọn, nhìn cũng khác đẹp và đã check là không đụng jquery nên xài ok! Bác nào cảm thấy có nhu cầu thì dùng nhé
Demo "tươi sống": http://1p30s.tk/
Demo hình:



Ok! làm thôi:
Tìm temp footer, dán đoạn code này vào cuối cùng:

Chèn code này vào footer.css:

Tải file hình ở đính kèm, và sửa lại đường dẫn cho image nhé!
Done! Chỉ mỗi 1 tội là code này chỗ nào nó cũng hiện, chứ không phải scroll xuống mới hiện nhé! Bác nào rành thì fix luôn dùm cái này! Thân!

 

Mã:

<script type="text/javascript">_attachEvent(window, 'scroll', function(){showTopLink();});checkBlind();</script>

???
trên rum có nhiều code lên đầu trang rồi mà @@

Cho vào <footer></footer>

Mã:

<script type="text/javascript">
    $(document).ready(function(){
 
        $(window).scroll(function(){
            if ($(this).scrollTop() > 100) {
                $('.scrolltotop').fadeIn();
            } else {
                $('.scrolltotop').fadeOut();
            }
        });
 
        $('.scrolltotop').click(function(){
            $("html, body").animate({ scrollTop: 0 }, 600);
            return false;
        });
 
    });
</script>
<div style="margin-right: 9px; float: right;">
<span class="scrolltotop" style="display: inline;"></span>
</div>

vào EXTRA.css hoặc footer.css

Mã:

.scrolltotop {
width: 34px;
height: 50px;
opacity: 0.5;
position: fixed;
bottom: 10px;
cursor: pointer;
display: none;
text-indent: -9999px;
background: url('styles/nvh/img/scrolltop.png') no-repeat;
}
 
.scrolltotop:hover {
    opacity: 0.8;
}

chình vị trí ở đoạn

thay hình ở đoạn css

Xong thôi! Bất cứ phong cách nào bạn muốn

 

Cảm ơn bác!