滾動網站到第3頁

Question

我正在製作滾動網站，並在我的標題中我想將鏈接放到我的第二和第三頁。

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

這是函數，但它如何將它放到按鈕或文本中？

Answer 1

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> 

:)這是我的解決方案。

如果它不適合你的網站，你應該編輯你的偏移量，以適合任何適合的。

Answer 2

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

你的按鈕類是你想要點擊的鏈接，所以你可以改變它到任何你想要的。我添加了preventDefault，所以頁面不會跳轉。