Scroll to Top of Forum - Cuộn trang lên trên cho diễn đàn

PVS

Super Moderator
Thành viên BQT
Code hoặc hướng dẫn này được sử dụng trên phiên bản Xenforo cũ đã quá hạn sử dụng. Bạn hãy click để tìm bản mới hơn
Scroll to Top of Forum - Cuộn trang lên trên cho diễn đàn

Thay đổi template đơn giản này thêm hai liên kết, một bên dưới mỗi user's info trong khi xem một bài viết, và một trong footer diễn đàn của bạn. Bạn có thể kỹ thuật đặt liên kết bất cứ nơi nào bạn muốn, nhưng những vị trí này có vẻ hữu ích nhất.

Trước tiên, Vào ACP của bạn -> appearance -> templates và mở template "header". Tìm:
Mã:
<xen:hook name="header">

Cuộn xuống một chút, và tìm thấy:
Mã:
</xen:hook>

Thêm đoạn code sau vào TRÊN đó:
Mã:
<xen:require js="./js/xenforo/scrollit.js" />

Lưu lại.

Bây giờ tạo ra một tập tin gọi là scrollit.js, nhập đoạn code sau vào tập tin và lưu lại:
Mã:
var scrollIt = function(time) {
  // time = scroll time in ms
  var start = new Date().getTime(),
  scroll = document.documentElement.scrollTop + document.body.scrollTop,
  timer = setInterval(function() {
  var now = Math.min(time,(new Date().getTime())-start)/time;
  document.documentElement.scrollTop
  = document.body.scrollTop = (1-time)/start;
  if( now == 1) clearTimeout(timer);
  },25);
}

Sau đó upload lên đường dẫn "js/xenforo"

Vào template "message_user_info" và di chuyển xuống phía dưới để tìm:
Mã:
      </xen:hook>
       </xen:if>
       </xen:contentcheck>
     </div>
  
   </xen:if>

Thêm đoạn code sau vào ngay dưới đoạn code trên:
Mã:
<h3><center>-<a href="javascript:scrollIt(1);">Return to Top</a>-</center></h3>

Lưu lại.

Vào template "footer". Bên dưới:
Mã:
<xen:edithint template="footer.css" />

Thêm:
Mã:
<br>
<h3><center>-<a href="javascript:scrollIt(1);">Return to Top</a>-</center></h3>
<br>

Lưu lại.

Chúc các bạn thành công.


Nguồn: xenforo.com​
 
  • Like
Reactions: THB
Back
Top