Question

http://www.littlestonegroup.org

如果您点击“学习”，我希望它向下滚动到下一个链接。我可以使用锚链接，但我希望有滚动效果。我看了很多教程，但我不确定如何安装javascript，也不确定教程建议的脚本。

提前致谢，我真的很感谢你的帮助！

Answer 1

我在CSS-Tricks找到了这个平滑滚动功能：

$(function() {
  $('a[href*=#]:not([href=#])').click(function() {
    if (location.pathname.replace(/^\//,'') == this.pathname.replace(/^\//,'') && location.hostname == this.hostname) {
      var target = $(this.hash);
      target = target.length ? target : $('[name=' + this.hash.slice(1) +']');
      if (target.length) {
        $('html,body').animate({
          scrollTop: target.offset().top
        }, 1000);
        return false;
      }
    }
  });
});

以下是行动中的功能JSFiddle

您可以通过将上述函数包装在：

中，在关闭正文标记之前添加它

<script type="text/javascript">

    function here

</script>

如何使用javascript动画从链接到锚点的滚动？

1 个答案: