[Code] Nút lên đầu trang
Trang 1 trong tổng số 1 trang • Share
[Code] Nút lên đầu trang
Hướng dẫn:
1. Cho đoạn code dưới đây vào overall_header nếu muốn hiện ở tất cả các trang
- Code:
<div id="top-button"><a href="" class="scrolltop">top</a></div>
2. Tạo 1 trang javascript mới cho đoạn code sau vào:
Ở Placement chọn In all the page- Code:
jQuery(document).ready(function(){
jQuery(function () {
jQuery('#top-button').hide();
jQuery(window).scroll(function () {
if (jQuery(this).scrollTop() >= 500) {
jQuery('#top-button').fadeIn();
} else {
$('#top-button').fadeOut();
}
});
});
jQuery('#top-button a').click(function () {
jQuery('body,html').animate({
scrollTop: 0
}, 800);
return false;
});
});
3. Cho đoạn dưới đây vào CSS:
- Code:
#top-button {
position: fixed;
bottom: 50px;
right: 6%;
width: 32px;
height: 32px;
text-indent: -9999px;
}
#top-button a {
display: block;
width: 32px;
height: 32px;
background: url(http://cdn2.iconfinder.com/data/icons/gnomeicontheme/32x32/actions/stock_top.png) top center no-repeat;
overflow: hidden;
border: none;
}
Thay link nút lên đầu trang ở trong CSS bằng cách tìm link ảnh này
[You must be registered and logged in to see this link.]
Nguồn: FMCodes
HelpsFMvi- Ban Quản Trị FMvi
- Số bài : 104
HelpsPoints : 15528
Likes : 33
Ngày tham gia : 10/03/2016
Trạng thái :Online Offline
Tuổi : 26
Location : Ninh Thuận
[Click để xem tài sản HelpsFMvi]
Similar topics
» [Code] IPB Trang Đăng Nhập
» [Code] Trang trí các thẻ trong Widget KEYWORDS
» [Code] Liên kết forum cuối chân trang
» [CSS] Thêm và trang avatar trong chatbox
» [Code] Tạo Widget Notepad
» [Code] Trang trí các thẻ trong Widget KEYWORDS
» [Code] Liên kết forum cuối chân trang
» [CSS] Thêm và trang avatar trong chatbox
» [Code] Tạo Widget Notepad
Trang 1 trong tổng số 1 trang
Permissions in this forum:
Bạn không có quyền trả lời bài viết
|
|