Hãy đăng ký thành viên để có thể dễ dàng trao đổi, giao lưu và chia sẻ về kiến thức đồ họa.
  1. Hãy đăng ký subscribe kênh Youtube mới của Việt Designer tại địa chỉ: Youtube.com/VietDesignerChannel để theo dõi các video về thiết kế đồ họa. Do trước đó kênh cũ bị Youtube quét không rõ lý do, trong thời gian chờ kháng cáo nếu các bạn thấy video trên diễn đàn bị die không xem được thì có thể vào kênh mới để tìm xem video sơ cua nhé.
    Loại bỏ thông báo

Tạo web one page dạng scrolling với pagePiling.js

Chủ đề thuộc danh mục 'HTML - CSS - JS - PHP - ASP' được đăng bởi thanh_rossi, 21/1/16.

Lượt xem: 2,470

  1. thanh_rossi Thành viên cấp 2

    pagePiling.js là một Jquery plugin hỗ trợ tạo fullscreen scrolling website một cách đơn giản và mượt mà. Có khá nhiều web sử dụng hiệu ứng này.
    PagePiling chạy nuột nhất trên các trình duyệt hiện đại, nhưng nó cũng hỗ trợ từ các trình duyệt IE8+, Opera 12,..

    Tạo một trang fullscreen scrolling đơn giản
    Trước tiên link js và css vào

    Code:
    <link rel="stylesheet" type="text/css" href="jquery.pagepiling.css" />
    <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
    <script type="text/javascript" src="jquery.pagepiling.js"></script>
    Code:
    <div id="pagepiling">
    <div class="section">Some section</div>
    <div class="section">Some section</div>
    <div class="section">Some section</div>
    <div class="section">Some section</div>
    </div>
    });
    
    Gọi nó ra
    Code:
    $(document).ready(function() {
    $('#pagePiling').pagePiling();
    });
    
    Thay đổi xíu, ra ntn đây. : demo

    ...
    anhtuan1006, chaylhlhPhạm Hữu Dư thích bài viết này.
  2. DCPT

    DCPT Mới đăng kí

    cám ơn bạn
  3. Hay á, hội ngộ thêm kiến thức.
  4. anhtuan1006

    anhtuan1006 Thành viên cấp 2

    cảm ơn bạn đã chia sẻ

Ủng hộ diễn đàn