Tạo nút Scroll to Top khi cuộn trang xuống dưới

Thảo luận trong 'Template Modifications' bắt đầu bởi Blue, 09/12/2015.

  1. Blue

    Blue Admin - Founder Thành viên BQT

    Tham gia:
    25/02/2015
    Bài viết:
    796
    Đã được thích:
    1,246
    Điểm thành tích:
    93
    Giới tính:
    Nam
    Khi bạn đọc một bài viết dài sẽ rất mất thời gian khi muốn cuộn về menu ở header của trang, rất nhiều website đã tạo 1 nút gọi là scroll to top hoặc back to top nằm ở góc phải giao diện. Khi nhấn vào nút này sẽ giúp bạn trở về header trang ngay lập tức.

    tao nut scroll to top khi cuon trang xuong duoi.png
    Hình minh họa

    Để thực hiện điều này các bạn chỉ cần vào style đang sử dụng, gắn đoạn code bên dưới vào cuối (nằm trên thẻ
) template footer

Mã:

 
Bài viết mới
Chỉnh sửa cuối: 18/01/2016
Blue, 09/12/2015
#1
boygacf, nobita8x, TD2308 and 5 others like this.
  • cuonghv

    cuonghv Cộng Sự Đắc Lực Thành viên BQT

    Tham gia:
    15/08/2015
    Bài viết:
    388
    Đã được thích:
    354
    Điểm thành tích:
    63
    Giới tính:
    Nam
    Nơi ở:
    4r truyện kiếm hiệp
    Web:
    Áp dụng ngay và luôn. Tìm kiếm mãi mà không có cái nào vừa ý!
    Thank nhóa!
     
    THB thích bài này.
  • 2L.Ohayo

    2L.Ohayo Cộng Sự Đắc Lực Thành viên BQT

    Tham gia:
    08/03/2015
    Bài viết:
    761
    Đã được thích:
    808
    Điểm thành tích:
    93
    Giới tính:
    Nam
    cho em xin luôn đoạn script go to bottom với ạ.
     
    THB thích bài này.
  • PVS

    PVS Cộng Sự Đặc Biệt Thành viên BQT

    Tham gia:
    28/02/2015
    Bài viết:
    11,811
    Đã được thích:
    7,063
    Điểm thành tích:
    113
    Giới tính:
    Nam
    Nơi ở:
    Huế
    Web:
    em cần cái này lâu lắm òy ^^ hii
     
  • Blue

    Blue Admin - Founder Thành viên BQT

    Tham gia:
    25/02/2015
    Bài viết:
    796
    Đã được thích:
    1,246
    Điểm thành tích:
    93
    Giới tính:
    Nam
    troll anh à, đoạn đó để làm gì :v
     
    THB thích bài này.
  • chanhnghiem

    chanhnghiem Thượng Đế

    Tham gia:
    10/10/2015
    Bài viết:
    154
    Đã được thích:
    89
    Điểm thành tích:
    28
    em bị lỗi admin ơi upload_2016-1-17_16-37-54.png
     
  • Blue

    Blue Admin - Founder Thành viên BQT

    Tham gia:
    25/02/2015
    Bài viết:
    796
    Đã được thích:
    1,246
    Điểm thành tích:
    93
    Giới tính:
    Nam
    Bạn kiểm tra kỹ lại xem giống hoàn toàn đoạn mình viết chưa nhé, thiếu nên thế đó.
     
    THB thích bài này.
  • chanhnghiem

    chanhnghiem Thượng Đế

    Tham gia:
    10/10/2015
    Bài viết:
    154
    Đã được thích:
    89
    Điểm thành tích:
    28
    em copy 2 lần vẫn vậy anh. em có lấy từ style a share nó có totop nhưng vẫn lỗi đó
    Mã:
    
    
     
  • dev.xf

    dev.xf Thượng Đế

    Tham gia:
    28/02/2015
    Bài viết:
    449
    Đã được thích:
    499
    Điểm thành tích:
    93
    Giới tính:
    Nam
    Nghề nghiệp:
    Coder - Xenforo Developer
    Nơi ở:
    Phan Thiết - Bình Thuận
    Web:
    THB and 2L.Ohayo like this.
  • chanhnghiem

    chanhnghiem Thượng Đế

    Tham gia:
    10/10/2015
    Bài viết:
    154
    Đã được thích:
    89
    Điểm thành tích:
    28
  • dev.xf

    dev.xf Thượng Đế

    Tham gia:
    28/02/2015
    Bài viết:
    449
    Đã được thích:
    499
    Điểm thành tích:
    93
    Giới tính:
    Nam
    Nghề nghiệp:
    Coder - Xenforo Developer
    Nơi ở:
    Phan Thiết - Bình Thuận
    Web:
    inbox mình nick admin diễn đàn bạn mình giải quyết cho nha
     
  • dev.xf

    dev.xf Thượng Đế

    Tham gia:
    28/02/2015
    Bài viết:
    449
    Đã được thích:
    499
    Điểm thành tích:
    93
    Giới tính:
    Nam
    Nghề nghiệp:
    Coder - Xenforo Developer
    Nơi ở:
    Phan Thiết - Bình Thuận
    Web:
    asdf.gif
     
  • 2L.Ohayo

    2L.Ohayo Cộng Sự Đắc Lực Thành viên BQT

    Tham gia:
    08/03/2015
    Bài viết:
    761
    Đã được thích:
    808
    Điểm thành tích:
    93
    Giới tính:
    Nam
  • agrione

    agrione Thượng Đế

    Tham gia:
    07/09/2015
    Bài viết:
    120
    Đã được thích:
    94
    Điểm thành tích:
    28
    Giới tính:
    Nam
    Xây dựng đến mức đó mà bỏ thì ko phải quá uổng sao
    Test cái chủ top phát
     
  • dev.xf

    dev.xf Thượng Đế

    Tham gia:
    28/02/2015
    Bài viết:
    449
    Đã được thích:
    499
    Điểm thành tích:
    93
    Giới tính:
    Nam
    Nghề nghiệp:
    Coder - Xenforo Developer
    Nơi ở:
    Phan Thiết - Bình Thuận
    Web:
    đợt đó anh đi trung quốc nên không có a online dc eà
     
  • Blue

    Blue Admin - Founder Thành viên BQT

    Tham gia:
    25/02/2015
    Bài viết:
    796
    Đã được thích:
    1,246
    Điểm thành tích:
    93
    Giới tính:
    Nam
    Vẫn lỗi là do style của bạn rồi, khu vực chép mã css vào phải nằm trên thẻ nhé
     
  • dinhhai

    dinhhai Thượng Đế

    Tham gia:
    28/07/2015
    Bài viết:
    393
    Đã được thích:
    196
    Điểm thành tích:
    43
    Giới tính:
    Nam
    Nơi ở:
    hcm
    Cảm ơn bác @Blue
    Đúng thứ đang cần :D
     
    THB thích bài này.
  • Chiennd1810

    Chiennd1810 Thượng Đế

    Tham gia:
    16/04/2016
    Bài viết:
    22
    Đã được thích:
    10
    Điểm thành tích:
    3
    Giới tính:
    Nam
    Nơi ở:
    Hà Nội
    Web:
    Em dùng Xen 1.5.7 style Nitrogen
    tìm trong template footer không thấy có thẻ
    các bạn giúp em với |(

    Mã:
    
    
    
    
    
    
    {xen:phrase timing}:
    {xen:phrase x_seconds, 'time={xen:number $page_time, 4}'}
    {xen:phrase memory}:
    {xen:phrase x_mb, 'size={xen:number {xen:calc "{$memory_usage} / 1024 / 1024"}, 3}'}
    {xen:phrase db_queries}:
    {xen:number {$db_queries}}
     
    THB thích bài này.
  • Vien

    Vien Thượng Đế

    Tham gia:
    07/06/2016
    Bài viết:
    2
    Đã được thích:
    5
    Điểm thành tích:
    3
    Giới tính:
    Nam

    Không có thì cứ nhét vào cuối cùng nhé!
     
    THB and Chiennd1810 like this.
  • tuna

    tuna Thượng Đế

    Tham gia:
    30/01/2017
    Bài viết:
    641
    Đã được thích:
    246
    Điểm thành tích:
    43
    Giới tính:
    Nam
    em làm theo nhưng chỉ tới cuối trang thì mới bấm đc nút, có cách nào ở giữa trang vẫn back to top đc giống vnxf ko ạ
     
  • Tags:

    Chia sẻ trang này

    XenForo Add-ons by Brivium ™ © 2012-2013 Brivium LLC.