javascript - 让一些内部链接动画工作

Question

我有这个脚本可以打开一个新页面并向下滚动到一个 id

var jump = function (e) {
 if (e) {
  e.preventDefault();
  var target = $(this).attr("href");
 } else {
  var target = location.hash;
 }

 $('html,body').animate(
 {
  scrollTop: $(target).offset().top
 }, 2000, function () {
  location.hash = target;
 });

 }

 $('html, body').hide();

 $(document).ready(function () {
  $('a[href^=#]').bind("click", jump);

  if (location.hash) {
   setTimeout(function () {
   $('html, body').scrollTop(0).show();
   jump();
  }, 0);
 } else {
  $('html, body').show();
 }
});

我想要做的是，使用内部链接使其在当前页面上的滚动动画。我该如何整合它？

Answer 1

最简单的方法是使用链接，像这样。

它不需要 jQuery 或 javascript，只需使用 ID 作为href值添加到 HTML 中的一些元素

<a id='exampleTop' href='#exampleMiddle'>I'm an example! Click to go down</a>