Chào mừng đến với Diễn Đàn Tin Học VN! Hãy chia sẽ những gì bạn biết, và đưa ra thắc mắc của bạn để được giải đáp.
Nút trở lại đầu trang cho forumotion
02/12/17, 02:03 pm
Với những forum và bài viết dài thiệt là dài, mỗi khi muốn lên đầu trang phải bấm con chuột kéo lên trên hoặc phải bấm phím nóng về về đầu trang ngay lập tức.
Nhưng bạn thuộc típ những kẻ lười biếng chỉ muốn nắm duy nhất con chuột và nhấp một cái là có thể quay lại đầu trang ngay lập tức.
Nút "back to top" dưới đây sẽ đáp ứng được cho kẻ lười biếng như bạn, chỉ cần click chuột là nó chạy cái vù về đâu trang cho bạn ngay.
Bước 1:
Vào Bảng điều khiển của Người Quản Trị --> Display --> Quản lý tổng thể (trong phần template)--> click chuột vào overall_header
Copy đoạn scritp dưới đây vào trước thẻ và bấm lưu lại
Bước 2:
Vào Bảng điều khiển của Người Quản Trị --> Modules --> chọn Javascript codes management trong mục HTML & JAVASCRIPT --> click chuột vào Create a new javascript
Title * : điền tiêu đề mà bạn muốn (ví dụ: Back to top)
Placement : chọn In all the pages
Javascript Code * : dán đoạn code dưới đây vào
Rồi bấm lưu lại
Bước 3:
Vào Bảng điều khiển của Người Quản Trị --> Display --> Quản lý tổng thể (trong phần template)--> click chuột vào overall_footer_end
Dán đoạn code dưới đây vào phía trên thẻ
Nhưng bạn thuộc típ những kẻ lười biếng chỉ muốn nắm duy nhất con chuột và nhấp một cái là có thể quay lại đầu trang ngay lập tức.
Nút "back to top" dưới đây sẽ đáp ứng được cho kẻ lười biếng như bạn, chỉ cần click chuột là nó chạy cái vù về đâu trang cho bạn ngay.
Bước 1:
Vào Bảng điều khiển của Người Quản Trị --> Display --> Quản lý tổng thể (trong phần template)--> click chuột vào overall_header
Copy đoạn scritp dưới đây vào trước thẻ và bấm lưu lại
- Code:
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
Bước 2:
Vào Bảng điều khiển của Người Quản Trị --> Modules --> chọn Javascript codes management trong mục HTML & JAVASCRIPT --> click chuột vào Create a new javascript
Title * : điền tiêu đề mà bạn muốn (ví dụ: Back to top)
Placement : chọn In all the pages
Javascript Code * : dán đoạn code dưới đây vào
- Code:
$(function() {
$(window).scroll(function() {
if($(this).scrollTop() != 0) {
$('#backtotop').fadeIn();
} else {
$('#backtotop').fadeOut();
}
});
$('#backtotop').click(function() {
$('body,html').animate({scrollTop:0},800);
});
});
Rồi bấm lưu lại
Bước 3:
Vào Bảng điều khiển của Người Quản Trị --> Display --> Quản lý tổng thể (trong phần template)--> click chuột vào overall_footer_end
Dán đoạn code dưới đây vào phía trên thẻ