Question

我正在制作一个滚动网站，在我的标题中，我想将链接放到我的第二页和第三页。

$(".main").moveTo(3);

这是函数，但它如何将它放入按钮或文本中？

Answer 1

$('.your-button-class').on('click',function(e){
  e.preventDefault();
  $(".main").moveTo(3);
});

.your-button-class是您想要点击的链接，因此您可以将其更改为您想要的任何内容。我添加了preventDefault，因此页面不会跳转。

Answer 2

function scrollTo(id) { 
  $('html, body').animate({scrollTop: $(id).offset().top - 50}, 1000);}

<a href="javascript:scrollTo('#link1');">link1</a>
<a href="javascript:scrollTo('#link2');">link2</a>

<div id="link1"></div>
<div id="link2"></div>

:)这是我的解决方案。

如果它不适合您的网站，您应该根据适合情况编辑偏移量。

将网站滚动到第3页

2 个答案: