Chào các bạn, lâu rồi mình chưa viết thêm thủ thuật Blog nào cho các bạn. Hôm nay rảnh nên ngồi cố gắng viết thêm cho các bạn một bài nữa về Back To Top.
CÁC BƯỚC THỰC HIỆN
Bước 1: Chèn đoạn CSS Sau vào trước ]]></b:skin>
Bước 2: Chèn đoạn code dưới vào nơi bất kì, nên chèn vào cuối trang (Nơi hiển thị vẫn là dưới góc phải của trang).
Bước 3: Lưu Template.
LỜI KẾT
Chỉ có thế thôi. Chúc các bạn thành công!
CÁC BƯỚC THỰC HIỆN
Bước 1: Chèn đoạn CSS Sau vào trước ]]></b:skin>
#bttop{cursor:pointer;background:#dadada;color:#66689c;position:fixed;bottom:0px;z-index:9999;right:0;padding:15px 15px 5px 30px;font-size:1.5em;display:block;border-radius:100px 0 0 0}
Bước 2: Chèn đoạn code dưới vào nơi bất kì, nên chèn vào cuối trang (Nơi hiển thị vẫn là dưới góc phải của trang).
<span id='bttop' style='cursor:pointer' title='Về đầu trang'><i class='fa fa-angle-up'/></span>
<script type='text/javascript'>$(function(){$(window).scroll(function(){if($(this).scrollTop()!=0){$("#bttop").fadeIn();}else{$("#bttop").fadeOut();}});$("#bttop").click(function(){$("body,html").animate({scrollTop:50},500);});});</script>
Bước 3: Lưu Template.
LỜI KẾT
Chỉ có thế thôi. Chúc các bạn thành công!
Bài viết sưu tầm từ nhiều nguồn trên mạng, hy vọng nó sang mang đến thông tin hữu ích cho bạn. Chúc các bạn vui vẽ ngày mới!
ConversionConversion EmoticonEmoticon