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

最简单的方法是使用链接like this。

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

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

获取一些内部链接动画

1 个答案: