Jquery 将网站滚动到第三页

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

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

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

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

.您的按钮类是您希望单击的链接，因此您可以将其更改为您想要的任何内容。我添加了preventDefault，这样页面就不会跳转。

函数scrollTo（id）{
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>

$（'html，body'）.animate（{scrollTop:$（id）.offset（）.top-50}，1000）；}

这是我的解决方案

---

如果它不适合你的站点，你应该编辑你的偏移量以适应任何情况。

函数应该在标题中？我建议在底部。你必须将类设置为ID才能工作。第1页应该是第1页我不明白你的意思。你能在链接中编辑它吗？