[Code] Cuộn trang hiện thị phần trăm - cross show %

  • Admin

    Cuộn trang hiện thị phần trăm - cross show %

    Nhiều khi bạn không biết vài này hoặc page này còn dài nữa không mà cứ kéo kéo thì lâu quá. hoặc là đang dọc dở muốn đọc cố mà ko biết còn dai không thì dùng code này rất hợp lý

    demo:



    Tìm
    Code:
    </head>
    rùi cho trên nó
    Code:
     <div id='scroll'></div>
          <script type='text/javascript'>
    //<![CDATA[
    var scrollTimer = null;
    $(window).scroll(function() {
       var viewportHeight = $(this).height(),
           scrollbarHeight = viewportHeight / $(document).height() * viewportHeight,
           progress = $(this).scrollTop() / ($(document).height() - viewportHeight),
           distance = progress * (viewportHeight - scrollbarHeight) + scrollbarHeight / 2 - $('#scroll').height() / 2;
        $('#scroll')
            .css('top', distance)
            .text(' (' + Math.round(progress * 100) + '%)')
            .fadeIn(600);
        if (scrollTimer !== null) {
            clearTimeout(scrollTimer);
        }
        scrollTimer = setTimeout(function() {
            $('#scroll').fadeOut(600);
        }, 1000);
    });
    //]]>
    </script>
          <style>
                #scroll {
         display: none;
         position: fixed;
         top: 0;
         right: 15px;
         z-index: 500;
         padding: 3px 8px;
         background-color: #369fcf;
         color: #fff;
         border-radius: 3px;
         font-size: 14px;
     }
     #scroll:after {
         content: " ";
         position: absolute;
         top: 50%;
         right: -10px;
         height: 0;
         width: 0;
         margin-top: -6px;
         border: 6px solid transparent;
         border-left-color: #369fcf;
     }
              </style>

    Tags: #code #blogger

  • Giựt
    2. Re: [Code] Cuộn trang hiện thị phần trăm - cross show %
    avatar MOD
    Vừa thấy ở forum giờ mất rồi , chắc là test :3


    --Chữ ký--
    Diễn đàn Kênh Game 360>> Smile
  • Admin
    trandangduat đã viết:Vừa thấy ở forum giờ mất rồi , chắc là test :3

    chuẩn luôn e :)

  • huyvip83
    Orever header àh....admin ơi


    --Chữ ký--
    Thà làm thằng member thường, còn hơn làm thằng Mod bất đắc dĩ

    Ghé thăm forum chơi nào bạn: http://thainguyennews.forumvi.com
  • Giựt
    5. Re: [Code] Cuộn trang hiện thị phần trăm - cross show %
    avatar MOD
    @huyvip83 đã viết:Orever header àh....admin ơi

    Đúng rồi Smile

  • Sponsored content

Thông tin tác giả
avatar
ACP
Bài viết :
349
Points :
680
Like :
108
Punbb
Quản trị
Status :
test
Xem lý lịch thành viên http://hotrofm.forumvi.com
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
ACP
Bài viết :
349
Points :
680
Like :
108
Punbb
Quản trị
Status :
test
Xem lý lịch thành viên http://hotrofm.forumvi.com
Thông tin tác giả
avatar
MEM LV3
Bài viết :
226
Points :
371
Like :
65
Punbb
Cẩn thận
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
Thông tin tác giả
Sponsored content
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

<