Bỏ qua để đến Nội dung
Menu
Câu hỏi này đã bị gắn cờ
1 Trả lời
3893 Lượt xem

Hi,

How can i add button on screen in website? I will use for when you scroll down, this button will stay always left-bottom and it will work for go to the top of page. Is there any way to do that with builder, or i should write my own js and html?

Thanks..

Ảnh đại diện
Huỷ bỏ
Câu trả lời hay nhất

Hii

Go to your Website
Click Edit → Drag in an HTML block

Paste this code inside:

<a href="#" id="goToTopBtn" style="

  position: fixed;

  bottom: 20px;

  left: 20px;

  z-index: 999;

  background-color: #0e6efd;

  color: white;

  padding: 10px 14px;

  border-radius: 50px;

  font-size: 16px;

  text-align: center;

  text-decoration: none;

  display: none;">

  ↑ Top

</a>


<script>

window.addEventListener('scroll', function () {

  const btn = document.getElementById('goToTopBtn');

  btn.style.display = window.scrollY > 300 ? 'block' : 'none';

});

document.getElementById('goToTopBtn').addEventListener('click', function (e) {

  e.preventDefault();

  window.scrollTo({ top: 0, behavior: 'smooth' });

});

</script>

i hope it is use full

Ảnh đại diện
Huỷ bỏ
Bài viết liên quan Trả lời Lượt xem Hoạt động
0
thg 10 24
1979
4
thg 5 25
2411
2
thg 1 25
2111
4
thg 1 25
4190
0
thg 11 24
1519