[Code] Nút lên top của zing me - rip by trandangduat

  • Giựt
    1. [Code] Nút lên top của zing me - rip by trandangduat
    avatar MOD

    Demo


    Code:
    http://me.zing.vn/h/



    Cách làm


    Vào overall_footer_begin thêm code sau vào cuối :

    Code:
    <a class="lentopttd" href="#"><i class="fa fa-chevron-up" aria-hidden="true"></i></a>
    <style>
      a.lentopttd {
        right: 22px;
        top: 275px;
        position: fixed;
        display: block;
        width: 28px;
        height: 28px;
        border: 3px solid white;
        box-shadow: 0 0 6px rgba(0, 0, 0, 0.2);
        margin: 0 0 6px;
        border-radius: 100%;
        background: #157dd7;
        transition: 400ms ease;
      }
     
      a.lentopttd:hover {
        background-color: #085496;
      }
     
      a.lentopttd i {
        text-align: center;
        margin-top: 6px;
        margin-right: 7px;
        font-size: 14px;
      }

    </style>
    <script>
      jQuery(document).ready(function() {
        var offset = 220;
        var duration = 500;
        jQuery(window).scroll(function() {
          if (jQuery(this).scrollTop() > offset) {
            jQuery('.lentopttd').fadeIn(duration);
          } else {
            jQuery('.lentopttd').fadeOut(duration);
          }
        });

        jQuery('.lentopttd').click(function(event) {
          event.preventDefault();
          jQuery('html, body').animate({
            scrollTop: 0
          }, duration);
          return false;
        })
      });

    </script>

    +1 nhé Smile



    Được sửa bởi trandangduat ngày 08.09.16 11:54; sửa lần 1.

  • Giựt
    2. Re: [Code] Nút lên top của zing me - rip by trandangduat
    avatar MOD
    Đã up cách làm Smile


    --Chữ ký--
    Diễn đàn Kênh Game 360>> Smile
Thông tin tác giả
avatar
MOD
Bài viết :
273
Points :
440
Like :
89
Punbb
Cẩn thận
Status :
Giựt đẹp trai
Xem lý lịch thành viên
Thông tin tác giả
avatar
MOD
Bài viết :
273
Points :
440
Like :
89
Punbb
Cẩn thận
Status :
Giựt đẹp trai
Xem lý lịch thành viên
Bài viết liên quan
    Đang tải dữ liệu

Permissions in this forum:
Bạn không có quyền trả lời bài viết

<