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

avatar

Giựt238
388
80
Punbb
Cẩn thận
Éo có đối thủ
Thành viên thân thiết
Thành viên thân thiết

Bài viết :
238
Points :
388
Like :
80
Punbb
Cẩn thận
Éo có đối thủ

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 8/9/2016, 11:54 am; sửa lần 1.
 Trả lời bài viết
avatar

Giựt238
388
80
Punbb
Cẩn thận
Éo có đối thủ
Thành viên thân thiết
Thành viên thân thiết

Bài viết :
238
Points :
388
Like :
80
Punbb
Cẩn thận
Éo có đối thủ
Đã up cách làm Smile
 Trả lời bài viết
Điểm 4.6/5 dựa vào 87 đánh giá

Có Thể Bạn Quan Tâm

Đang tải...