Cách tạo nút Back to Top đơn giản cho trang blogspot
Hướng dẫn tạo nút Back to Top cực kỳ đơn giản và đẹp cho trang web blogspot bằng CSS và JavaScript
Cách tạo nút Back to Top đơn giản cho trang blogspot
Nút lên đầu trang hầu như trang web nào cũng có vì nó khá đơn giản chứ không phức tạp gì. Cơ chế của nó khi trang được cuộn xuống dưới nút Back to Top hiện ra còn khi lên đầu trang thì nút Back to Top sẽ ẩn đi. Ngoài ra khi click vào nút trang sẽ cuộn lên đầu. Demo Cách tạo nút Back to Top đơn giản cho trang blogspot Bước 1: Chèn thẻ div của nút trước thẻ đóng </body> trong theme
<div aria-label="Back to Top" class="scroll--top" role="button" tabindex="0"></div> Bước 2: Chèn JavaScript ngay sau thẻ div này <script>//<![CDATA[
const scrollTop=document.querySelector('.scroll--top')
window.addEventListener('scroll',function(){
if(this.pageYOffset==0)scrollTop.classList.remove('show')
else scrollTop.classList.add('show')
})
scrollTop.addEventListener('click',function(){
window.scrollTo({top:0,behavior:'smooth'})
})
//]]></script>
Bước 3: Chèn CSS tr…
