1. Hãy ủng hộ PhienBanMoi.Com bằng cách LIKE trang FANPAGE , GOOGLE+ dưới mỗi bài viết hoặc chia sẻ website nếu thấy hữu ích. Trân trọng cảm ơn!
  2. [Thông Báo] Tuyển thành viên viết bài KIẾM TIỀN trên PhienBanMoi.Com


    Nhằm mục đích phát triển Phienbanmoi.com hơn nữa, có thêm các bài viết thông tin thực sự hữu ích từ những thành viên tích cực. BQT đã quyến định tạo ra cơ hội kiếm tiền từ các bài viết được đăng tải và chia sẻ trên diễn đàn

Góp ý tạo nút backtotop lên thẳng đầu trang <---

Thảo luận trong 'Góp ý - xây dựng' bắt đầu bởi Công Hậu JB, 20 Tháng mười một 2013.

  1. Công Hậu JB Thành Viên Cống Hiến

    2,838
    1,600
    113

    Lượt xem: 731


    Hiện tại thì mình thấy nó thiếu sao ấy, nếu kéo xuống cuối forum thì phải dữ thanh ngang kéo lên mình thấy rất bất tiện nên hôm nay mình góp ý thêm cái nút backtotop để ae nhấn 1 cái là lên thẳng đầu trang luôn cho lẹ, như hình nè :brick:
    [​IMG]

    thêm vào cái tên lựa này cho nó máu :D
    [​IMG]
     

    Bình Luận Bằng Facebook

    No Nguyễn and kbw1 like this.
  2. kbw1

    kbw1 Member Tích Cực

    435
    47
    28
  3. mobell200

    mobell200 Member Chính Thức

    64
    14
    8
    Hiệu ứng trở về đầu trang - scroll Top jquery đơn giản


    Hiệu ứng scroll top ta thường thấy xuất hiện ở 1 số trang web có nội dung dài -khiến người lướt web phải lăn mouse 3 hay dùng trỏ chuột kéo thanh scroll bar rất bất tiện .
    [​IMG]

    Khi sử dụng hiệu ứng jquery scroll top sẽ giúp người dùng trở về ngay đầu trang - tránh làm mất thời gian
    - nút bấm scroll top sẽ xuất hiện thi nội dung trang web được

    1- phần script

    <script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js' type='text/javascript'></script>
    <script type="text/javascript">
    $(document).ready(function(){

    $(window).scroll(function(){
    if ($(this).scrollTop() > 100) {
    $('.scrollup').fadeIn();
    } else {
    $('.scrollup').fadeOut();
    }
    });

    $('.scrollup').click(function(){
    $("html, body").animate({ scrollTop: 0 }, 'slow');
    return false;
    });

    });
    </script>​
    2- phần style của nút
    <style>
    .scrollup{
    width:40px;
    height:40px;
    opacity:1;
    position:fixed;
    bottom:20px;
    right:10px;
    display:none;
    text-indent:-9999px;
    background:#333333 url('http://icons.iconarchive.com/icons/troyboydesign/delightful-zodiac/128/Snake-icon.png') no-repeat;
    }
    </style>​
    -- bạn có thể thay bằng hình ảnh khác cho phù hợp với trang web- http://icons.iconarchive.com/icons/troyboydesign/delightful-zodiac/128/Snake-icon.png -
    3-phần html - nơi đặt trong thẻ body để tiện bạn có thể đặt trước </body>
    <a href="#" class="scrollup">Scroll</a>
    </body>​
    hiệu ứng tuy cũ nhưng khá đơn giản và dễ làm​
    chủ yếu là ass min có quan tâm đến 4rum hay không thôi​
     
    minh_ng2000 thích bài này.
  4. minh_ng2000

    minh_ng2000 Death Moderator Ban Quản Trị

    1,163
    920
    113
    Thật sự thì trước đây Fr đã có nút này rùi, và còn có cả 1 thanh công cụ chạy dọc bên phải của trang nữa nhé, hình như là rất ít người dùng đến chức năng này hay sao đấy nên mới bỏ rùi :D
     
  5. Công Hậu JB

    Công Hậu JB Thành Viên Cống Hiến

    2,838
    1,600
    113

    :tire: k phải là bỏ mà chưa có làm ông vào forum sao tôi mà sao đoán được :D
     
    No Nguyễn thích bài này.

Chia sẻ trang này