JSFiddle - React, Tailwind, and code Playground

by Nam CuPeo

HTML

<p>
<b>TẠO NÚT "BACK TO TOP" TRÊN WEBSITE - 123itvn.com</b>
<br/><br/>
Ra đời được coi là "sinh sau để muộn" vào ngày 03/03/2014 nhưng 123itvn.com hứa hẹn sẽ mang tới một sân chơi lành mạnh và cực kỳ hữu ích cho tín đồ công nghệ ở Việt Nam. Bạn thích kiếm tiền online ? Bạn đam mê với các thủ thuật IT máy tính ? ... Hãy để chúng tôi chia sẻ với bạn !!!! 
<br/><br/>
Từ khi thành lập cho đến nay, đội ngũ 123itvn luôn không ngừng cập nhật, hoàn thiện và mở rộng thêm nội dung mới để người đọc có được những thông tin thực sự có giá trị. Đơn giản nhưng phải hiệu quả ! Mọi đề xuất hợp tác hoặc góp ý, xin vui lòng gửi với chúng tôi thông qua biểu mẫu liên hệ. Cám ơn và đã ghé thăm và chúc bạn một ngày tốt lành.
<br/><br/>
Ra đời được coi là "sinh sau để muộn" vào ngày 03/03/2014 nhưng 123itvn.com hứa hẹn sẽ mang tới một sân chơi lành mạnh và cực kỳ hữu ích cho tín đồ công nghệ ở Việt Nam. Bạn thích kiếm tiền online ? Bạn đam mê với các thủ thuật IT máy tính ? ... Hãy để chúng tôi chia sẻ với bạn !!!! 
<br/><br/>
Từ khi thành lập cho đến nay, đội ngũ 123itvn luôn không ngừng cập nhật, hoàn thiện và mở rộng thêm nội dung mới để người đọc có được những thông tin thực sự có giá trị. Đơn giản nhưng phải hiệu quả ! Mọi đề xuất hợp tác hoặc góp ý, xin vui lòng gửi với chúng tôi thông qua biểu mẫu liên hệ. Cám ơn và đã ghé thăm và chúc bạn một ngày tốt lành.
</p>
<div class='lentop'>
<div>
<img src='https://1.bp.blogspot.com/-k6sikOdzFXQ/VwqCKDosmEI/AAAAAAAAKxE/nLxLhkTIO6o3iE5ZWmtxo2bf4QHdzPQNQ/s1600/top.png'/>
</div>
</div>

CSS

.lentop {display:none; bottom: 40%; right: 10px; cursor: pointer;  position: fixed; z-index: 1000;}
.lentop div {background:crimson; border:2px solid #fff; border-radius:45px; padding:11px 12.5px; box-shadow: 1px 3px 5px 0px rgba(0, 0, 0, 0.3)}
.lentop img {width:16px; height:16px;}

JavaScript

$(function(){
$(window).scroll(function () {
if ($(this).scrollTop() > 100) $(".lentop").fadeIn();
else $(".lentop").fadeOut();
});
$(".lentop").click(function () {
$("body,html").animate({scrollTop: 0}, "slow");
});
});