Nút back to top cực kì đơn giản từ HTML

Back to top hay scroll to top là một thành phần quan trọng với mỗi blog, chính vì vậy mà nó có mẫu mã rất đa dạng, có loại sử dụng CSS, loại khác thì sử dụng Jquery và hôm nay minh sẽ hướng dẫn các bạn tạo một nút back to top rất đơn giản chỉ từ một dòng HTML duy nhất.

DEMO

#Cách tiến hành

Chính vì sự đơn giản của nó mà không phải blog nào cũng áp dụng được, cái này chỉ thích hợp với các blog có menu ở cuối chân blog hoặc phải có menu stcky.
về cách làm thì rất đơn giản, các bạn chỉ việc dùng code dưới để tạo thêm một liên kết ở menu là xong.

<a href="#header" >BACK TO TOP</a>

Sử dụng code trên sẽ tạo ra một liên kết, mà liên kết này sẽ giúp bạn đí đến phần có id là header và đó cũng chính là phần trên của blog.
Nó rất đơn giản nên người đọc khó nhận ra nên tốt hơn hết là bạn hãy sử dụng thêm một số kí hiệu cho nó nổi bật.