Question

我找到了this example。虽然代码很老，但它似乎正在寻找我正在寻找的东西：

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

其次，是否有可能在名为“navigation”的div之间建立所有锚点以获得此功能，而不是向每个锚点添加“scroll”类？

示例：

<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"是子元素的选择器。

锚定滚动jQuery

1 个答案: