javascript - 锚滚动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"的选择器。