錨滾動jQuery

Question

我找到了這個例子 。 該代碼雖然很舊，但是似乎可以滿足我的需求：

jQuery(document).ready(function($) {
  $(".scroll").click(function(event){
    event.preventDefault();
    $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);
  });
});

其次，是否有可能使稱為“導航”的div之間的所有錨點具有此功能，而不是向每個錨點添加“滾動”類？

例：

<div id="section1">Scroll to me :P</div>

Answer 1

對於第二個問題，聽起來像是要將單擊處理程序附加到所選元素的所有子級。 使用.on ：

$("#navigation").on("click", "a", function(event) {
    event.preventDefault();
    $('html,body').animate({scrollTop:$(this.hash).offset().top}, 500);
});

其中"#navigation"是所需父元素的選擇器， "a"是子元素的選擇器。