Đại lý vé máy bay giá rẻ nhất cả nước Nương Huỳnh
Javascript cuộn xuống cuối trang

Khi bạn có nhu cầu tạo ra 1 nút hoặc 1 liên kết mà khi nhấp chuột vào nó sẽ đưa bạn đi đến cuối trang Web thì mã Javascript bên dưới đây sẽ giúp bạn thực hiện ý tưởng đó một cách hoàn hảo.

Javascript

/*****Cuộn xuống cuối trang*******/
let scrollToBottom = document.querySelector('#scroll-to-bottom');
let pageBottom = document.querySelector('#page-bottom');
scrollToBottom.addEventListener('click', function () {
  pageBottom.scrollIntoView();
})

Các bạn lưu ý ở đây có mã #page-bottom, các bạn đặt mã này vào footer Web của bạn có dạng id="#page-bottom" để khi nhấp chuột, nó sẽ đưa bạn đến phần tử có id="#page-bottom"

Ví dụ:

 
<p id="page-bottom" style="text-align: center;"><span style="font-size: 12px; color: #ffffff;"></span></p>

Đặt mã trên ở File footer.php hoặc ở bất kỳ đâu, miễn là nó thuộc phần chân trang Web của bạn.

Tạo nút hiển thị để nhấp chuột

<div style="vertical-align: middle; text-align: center;">
<button role="button"><a style="color: #f60c27;" id="scroll-to-bottom" type="button" ><i class="fa fa-chevron-down" aria-hidden="true"></i> Cuộn xuống cuối trang</a></button>
</div>

Kết quả:


Đại lý vé máy bay giá rẻ nhất cả nước Nương Huỳnh

Hãy cho chúng tôi một lượt hoặc chia sẻ bài viết với bạn bè của bạn. Cảm ơn vì đã ghé thăm, hãy tiếp tục ghé thăm Tradevn.tech. Xin cám ơn!


avatar
  Nhận thông tin qua email  
Nhận thông báo cho