• 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!
  • [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 <---

Công Hậu JB

Thành Viên Cống Hiến
Tham gia
16/1/13
Bài viết
2,839
Thích
1,513
#1
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:

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

mobell200

Member Chính Thức
Tham gia
23/3/13
Bài viết
64
Thích
14
#3
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 .

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

Death Moderator
Thành viên BQT
Tham gia
5/4/13
Bài viết
1,162
Thích
813
#4
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
 

Công Hậu JB

Thành Viên Cống Hiến
Tham gia
16/1/13
Bài viết
2,839
Thích
1,513
#5
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

: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
 

Bài xem nhiều

Chia sẻ kiến thức - Download phần mềm